@charset "UTF-8";
body {
  font-size: 18px;
  letter-spacing: 0.4px;
}

/* Footer */
.site_footer .widgetscontainer_comp2_main .container {
  width: 100% !important;
}

/* Pàgina home galeria */
.composition-1 .container2 .widgetsContainer > div:nth-child(2) {
  align-content: center;
}

#carousel_1 .carousel-inner .item .carousel-caption, #carousel_12 .carousel-inner .item .carousel-caption, #carousel_7 .carousel-inner .item .carousel-caption, #carousel_9 .carousel-inner .item .carousel-caption {
  left: -1%;
  right: -8%;
}

#widget_texto-empresa-1 h2 {
  margin-bottom: 0px;
}
#widget_texto-empresa-1 .subtitle {
  font-weight: bold;
}

#widget_pagecategory .page-category .row .pages {
  display: flex;
  justify-content: center;
}

#widget_adress .widget_title {
  color: #fff;
}

#container-comp1_oli-d-oliva .widgetsContainer > div {
  padding: 0;
}

address a {
  color: #fff;
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;
  width: fit-content;
}

.btn-custom, #contact_submit {
  padding: 10px;
  color: white;
  background: #1a1a1a;
  border: none;
  transition: background-color 0.4s ease;
  transition: 0.2s ease-in-out;
}
.btn-custom:hover, #contact_submit:hover {
  background: #999;
}

.compositionContainer[id$=-service] {
  margin-left: 0;
  margin-right: 0;
}
.compositionContainer[id$=-service] .widgetsContainer > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget {
  height: 100%;
  align-content: center;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget .centrar-text {
  padding: 100px 15%;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget .centrar-text h3 {
  font-weight: 600;
  margin-top: 0;
}
@media (max-width: 768px) {
  .compositionContainer[id$=-service] .widgetsContainer > div {
    margin-bottom: 0;
  }
  .compositionContainer[id$=-service]:nth-child(even) .widgetsContainer > div:nth-child(2) {
    order: -1;
  }
}

#container-comp1_transport {
  margin-left: 0;
  margin-right: 0;
}
#container-comp1_transport .widgetsContainer > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#container-comp1_transport .widgetsContainer > div .widget {
  height: 100%;
  align-content: center;
}
#container-comp1_transport .widgetsContainer > div .widget .centrar-text {
  padding: 100px 25% 100px 3%;
}
#container-comp1_transport .widgetsContainer > div .widget .centrar-text h3 {
  font-weight: 600;
  margin-top: 0;
}
@media (max-width: 768px) {
  #container-comp1_transport .widgetsContainer > div {
    margin-bottom: 0;
  }
  #container-comp1_transport:nth-child(even) .widgetsContainer > div:nth-child(2) {
    order: -1;
  }
}

.gallery-mosaic > .col-xs-6, .gallery-mosaic .col-sm-4, .gallery-mosaic .col-md-3 {
  padding-left: 7.5px;
  padding-right: 7.5px;
  padding-bottom: 15px;
}

.gallery_container > .gallery-mosaic {
  padding: 0 15px !important;
  gap: 15px;
}
.gallery_container > .gallery-mosaic > div {
  width: calc(20% - 12px);
}
.gallery_container > .gallery-mosaic > div a .photo {
  border-radius: 12px;
  overflow: hidden;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay {
  background-color: rgba(29, 17, 12, 0.5);
}
.gallery_container > .gallery-mosaic > div a .photo .overlay i::before {
  content: "\f065";
}
.gallery_container > .gallery-mosaic::before, .gallery_container > .gallery-mosaic::after {
  content: unset;
}

#widget_txt-alzina, #widget_alzina {
  background: #ccd2ce;
}

#widget_txt-olivera, #widget_olivera {
  background: #c4ad8e;
}

#widget_txt-roure, #widget_roure {
  background: #a48a6d;
}

#widget_txt-alzina, #widget_txt-olivera, #widget_txt-roure {
  padding: 20px;
  min-height: 545px;
}
#widget_txt-alzina h2, #widget_txt-olivera h2, #widget_txt-roure h2 {
  margin-top: 11px;
}

.carbo-vegetal, .carbo-coc {
  padding: 20px;
  min-height: 270px;
}
.carbo-vegetal h2, .carbo-coc h2 {
  margin-top: 11px;
}

#widget_oli-baro, #widget_oli-oliva-empiedro {
  padding: 20px;
  min-height: 365px;
}

#widget_oli-baro {
  background: #8b9d56;
}

#widget_oli-oliva-empiedro {
  background: #728c5b;
}

#container-comp7_alzina .widgetsContainer > div, #container-comp7_arbres .widgetsContainer > div, #container-comp10_main .widgetsContainer > div, #container-comp12_main .widgetsContainer > div {
  padding: 0;
}

.carbo-coc {
  background: #9B9C9C;
}

.carbo-vegetal {
  background: #C9CAC9;
}

.pelet {
  background: #F8DED1;
  padding: 20px;
  width: fit-content;
}
.pelet p {
  margin: 0;
}

@media (min-width: 768px) {
  body.pagecategory_view .main_container aside {
    display: none;
  }
  body.pagecategory_view .main_container main {
    width: 100%;
  }
  body.pagecategory_view .main_container main .page-category .row .pages {
    display: flex;
    flex-wrap: nowrap;
  }
}
.category_page_view .main_container, .pagecategory_view .main_container {
  margin: 0;
  padding-bottom: 0;
}
.category_page_view .main_container > .row, .pagecategory_view .main_container > .row {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.category_page_view .main_container aside, .pagecategory_view .main_container aside {
  margin-bottom: 60px;
}
.category_page_view .main_container aside .widget_title, .pagecategory_view .main_container aside .widget_title {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  text-transform: uppercase;
  color: #1D110C;
}
@media (max-width: 768px) {
  .category_page_view .main_container aside, .pagecategory_view .main_container aside {
    margin-top: 0px;
  }
}
@media (min-width: 769px) {
  .category_page_view .main_container > .row::before, .pagecategory_view .main_container > .row::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 25%;
    background-color: #fff;
  }
  .category_page_view .main_container main.col-lg-12, .pagecategory_view .main_container main.col-lg-12 {
    padding: 20px 6% !important;
  }
  .category_page_view .main_container main.col-lg-9, .pagecategory_view .main_container main.col-lg-9 {
    padding-top: 20px !important;
    padding-bottom: 100px !important;
  }
}
.category_page_view .nav-stacked > li, .pagecategory_view .nav-stacked > li {
  text-transform: uppercase;
}

.category_page_view .main_container > .row > .aside-left #widget_menu h4 {
  background: #1D110C;
  color: white;
  padding: 15px;
}
.category_page_view .main_container > .row > .aside-left #widget_menu .metismenu {
  padding-left: 4% !important;
}

@media (min-width: 768px) {
  #container-comp1_oli-d-oliva {
    background: linear-gradient(90deg, #fff 12%, #8B9D56 0%);
  }
}
@media (max-width: 1508px) {
  #container-comp1_oli-d-oliva {
    background: #7f9028;
  }
}

@media (min-width: 769px) {
  .garrafes-oli {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
  }
}

#container-comp1_productes .widgetsContainer h3 {
  font-weight: 600;
  text-align: center;
}

@media (min-width: 768px) {
  #container-comp1_transport {
    background: linear-gradient(-90deg, #fff 5%, #C4AD8E 0%);
  }
}
@media (max-width: 1534px) {
  #container-comp1_transport {
    background-color: #C4AD8E;
  }
}

@media (min-width: 768px) {
  #container-comp12_baromayals {
    background: linear-gradient(-90deg, #fff 25%, #8B9D56 0%);
  }
  #container-comp12_baromayals .container {
    margin-left: 5%;
  }
}
@media (max-width: 1726px) {
  #container-comp12_baromayals {
    background: #8B9D56;
  }
}

@media (min-width: 769px) {
  .camioneta {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-53%);
  }
}

/* Pàgina venda oli */
.page-3 .main_container > .row > main {
  padding: 0px 0% !important;
}
.page-3 .main_container > .row > main .page-header {
  padding-left: 5%;
}
.page-3 .main_container > .row > main #container-comp12_baromayals #widget_img-oli-mayals img {
  width: 108%;
}
.page-3 .main_container > .row > main #container-comp12_baromayals #widget_txt-oli-baro-maials {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 50px;
}
.page-3 .main_container > .row > main #container-comp12_baromayals #widget_txt-oli-baro-maials img {
  width: 40%;
}
.page-3 .main_container > .row > main #container-comp12_empiedro #widget_img-oli-empiedro img {
  width: 110%;
}
.page-3 .main_container > .row > main #container-comp12_empiedro #widget_txt-oli-empiedro {
  padding-bottom: 80px;
  padding-top: 40px;
}
.page-3 .main_container > .row > main #container-comp12_empiedro #widget_txt-oli-empiedro img {
  width: 35%;
}

@media (min-width: 769px) {
  #widget_img-oli-mayals img {
    position: absolute;
    top: 35%;
    left: -10%;
    transform: translateY(-50%);
  }
}

@media (min-width: 769px) {
  .oli-empiedro {
    position: absolute;
    top: 40%;
    left: 15%;
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) {
  #container-comp12_empiedro {
    background: linear-gradient(90deg, #fff 25%, #728C5B 0%);
  }
  #container-comp12_empiedro .container {
    margin-right: 8%;
  }
}
@media (max-width: 1726px) {
  #container-comp12_empiedro {
    background: #728C5B;
  }
}

#contact_text {
  display: none;
}

/* Pàgines venda Biomasses */
.page-6 #outerheader, .page-7 #outerheader, .page-9 #outerheader {
  z-index: 1;
  position: relative;
}
.page-6 #outerheader .carousel_container, .page-7 #outerheader .carousel_container, .page-9 #outerheader .carousel_container {
  clip-path: ellipse(110% 100% at 50% 0%);
}
.page-6 #outerheader .carousel_container .carousel-caption, .page-7 #outerheader .carousel_container .carousel-caption, .page-9 #outerheader .carousel_container .carousel-caption {
  display: none;
}
.page-6 .main_container, .page-7 .main_container, .page-9 .main_container {
  background-color: #f2f2f2;
  margin-top: -55px !important;
}
.page-6 .main_container main, .page-7 .main_container main, .page-9 .main_container main {
  background-color: #fff;
}
.page-6 .main_container main .page-header, .page-7 .main_container main .page-header, .page-9 .main_container main .page-header {
  padding-top: 80px !important;
}
@media (min-width: 768px) {
  .page-6 .main_container aside, .page-7 .main_container aside, .page-9 .main_container aside {
    width: 25% !important;
  }
}
.page-6 .main_container aside .widgetsContainer, .page-7 .main_container aside .widgetsContainer, .page-9 .main_container aside .widgetsContainer {
  padding-top: 80px !important;
}