@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
body {
  font-family: "Outfit", sans-serif;
  /* Widget page category */
}
body h1, body h2, body h3, body h4 {
  font-family: "Outfit", sans-serif;
}
body h2 {
  font-weight: 600;
  font-size: 38px;
}
body .btn {
  background-color: #75a415;
  border: 0;
  border-radius: 5px;
  padding: 10px 30px;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.4s ease all;
}
body .btn:hover {
  transform: scale(1.03);
}
body.no-carousel header {
  opacity: 1;
}
@media (min-width: 769px) {
  body header.header-small {
    background-color: white;
  }
}
body header .header-right .navbar-default .navbar-collapse .navbar-nav li.active > a {
  color: #75a415 !important;
}
body header .header-right .navbar-default .navbar-collapse .navbar-nav li a:hover {
  color: #75a415 !important;
}
body header .header-right .navbar-default .navbar-collapse .navbar-nav li a .menu_info {
  text-transform: uppercase;
}
body header .header-right .navbar-default .navbar-collapse .navbar-nav li .dropdown-menu {
  border-top: 3px solid #75a415;
}
body header .header-right .navbar-default .navbar-collapse .navbar-nav li .dropdown-menu .dropdown-submenu > .dropdown-menu {
  border-top: 3px solid #75a415;
  margin-top: -8px;
}
@media (max-width: 768px) {
  body header .header-right .navbar-default .navbar-header .navbar-toggle {
    background-color: black;
    border-radius: 8px;
  }
  body header .header-right .navbar-default .navbar-header .navbar-toggle:focus, body header .header-right .navbar-default .navbar-header .navbar-toggle:hover, body header .header-right .navbar-default .navbar-header .navbar-toggle:active {
    background: black;
  }
}
@media (max-width: 768px) {
  body header .header-left .logo > a img, body header body > header .header-left .inverted_logo > a img {
    background-color: white;
    border-radius: 6px;
  }
}
body .main_container {
  margin: 0;
}
body .main_container > .row main {
  padding: 0 6% !important;
}
body .main_container > .row main .breadcrumb {
  margin-top: 20px;
}
body .main_container > .row main .breadcrumb > .active {
  color: #666;
  font-weight: 200;
}
body .main_container > .row main .form-control {
  border-radius: 5px;
}
body footer .site_footer {
  background-color: #3e3e3e;
  color: white;
}
body footer .site_footer .compositionContainer .widgetsContainer {
  max-width: 1300px;
  margin: 0 auto;
}
body footer .site_footer .compositionContainer .widgetsContainer .widget > ul.nav-vertical li a {
  color: white;
}
body footer .site_footer .compositionContainer .widgetsContainer .widget > ul.nav-vertical li a i {
  display: none;
}
body footer .site_footer .compositionContainer .widgetsContainer .widget a {
  color: white;
}
body footer .site_footer .compositionContainer .widgetsContainer .widget p {
  font-weight: 500;
  color: white;
  margin: 0;
  font-size: 20px;
}
body footer .site_footer .compositionContainer .widgetsContainer #widget_footer-col-laboracio img {
  width: 100%;
}
body.blog_view .main_container > .row aside, body.postcategory_view .main_container > .row aside {
  display: none;
}
body.blog_view .main_container > .row main, body.postcategory_view .main_container > .row main {
  width: 100%;
}
body.blog_view .main_container > .row main .dp-card img, body.postcategory_view .main_container > .row main .dp-card img {
  height: 275px;
}
body.blog_view .main_container > .row main .dp-card header .MuiCardHeader-content h3, body.postcategory_view .main_container > .row main .dp-card header .MuiCardHeader-content h3 {
  margin-top: 5px;
  font-weight: 600;
  font-size: 25px;
}
body.blog_view .main_container > .row main .dp-card .dp-card-info, body.postcategory_view .main_container > .row main .dp-card .dp-card-info {
  padding: 10px 15px 0;
}
body.blog_view .main_container > .row main .dp-card .dp-card-info .dp-main-category, body.postcategory_view .main_container > .row main .dp-card .dp-card-info .dp-main-category {
  display: none;
}
body.blog_view .main_container > .row main .dp-card .dp-card-info .dp-date, body.postcategory_view .main_container > .row main .dp-card .dp-card-info .dp-date {
  background-color: #75a415;
  padding: 5px 9px;
  border-radius: 3px;
  color: white;
}
body.post_view .main_container > .row main, body.category_post_view .main_container > .row main {
  padding: 0 3% !important;
}
body.post_view aside .widget_recentBlogPosts .widget_title, body.category_post_view aside .widget_recentBlogPosts .widget_title {
  text-transform: uppercase;
}
body.post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li.no-image, body.category_post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li.no-image {
  height: 100%;
  background: none;
}
body.post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li .post-image, body.category_post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li .post-image {
  display: none;
}
body.post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li a .posted-on .date, body.category_post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li a .posted-on .date {
  color: #75a415;
}
body.post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li a .posted-on .date i, body.category_post_view aside .widget_recentBlogPosts .recent-posts.mode-vertical li a .posted-on .date i {
  display: none;
}
body.post_view aside .widget_recentBlogPosts .btn, body.category_post_view aside .widget_recentBlogPosts .btn {
  background-color: #75a415;
  padding: 10px 18px;
  color: white;
}
body.post_view aside .widget_recentBlogPosts .btn::before, body.category_post_view aside .widget_recentBlogPosts .btn::before {
  height: 2px;
  background-color: white;
}
body.post_view .blog-post article header .post-meta .categories a, body.category_post_view .blog-post article header .post-meta .categories a {
  background-color: #75a415;
  border: 0;
  border-radius: 3px;
  transition: 0.4s ease all;
}
body.post_view .blog-post article header .post-meta .categories a:hover, body.category_post_view .blog-post article header .post-meta .categories a:hover {
  background-color: #466309;
}
body.post_view .blog-post article .post-content h3, body.category_post_view .blog-post article .post-content h3 {
  font-weight: 500;
}
body.post_view .blog-post article .post-content img, body.category_post_view .blog-post article .post-content img {
  max-width: 400px;
  width: 100%;
  border-radius: 5px;
}
body.post_view .blog-post article .post-image img, body.category_post_view .blog-post article .post-image img {
  max-width: 50%;
  max-height: 500px;
  object-fit: cover;
  border-radius: 5px;
}
body.post_view .blog-post article .post-galleries .post_gallery .gallery_container .gallery-mosaic > div, body.category_post_view .blog-post article .post-galleries .post_gallery .gallery_container .gallery-mosaic > div {
  padding: 3px;
}
body.post_view .blog-post article .post-galleries .post_gallery .gallery_container .gallery-mosaic > div .photo, body.category_post_view .blog-post article .post-galleries .post_gallery .gallery_container .gallery-mosaic > div .photo {
  border-radius: 10px;
}
body.post_view .blog-post article .post-galleries .post_gallery .gallery_container .gallery-mosaic > div .photo .overlay, body.category_post_view .blog-post article .post-galleries .post_gallery .gallery_container .gallery-mosaic > div .photo .overlay {
  border-radius: 10px;
  background-color: rgba(117, 164, 21, 0.68);
}
body.post_view .blog-post article .socialShares a, body.category_post_view .blog-post article .socialShares a {
  border: 0;
  background-color: #75a415;
  color: white;
  border-radius: 5px;
}
body.post_view .blog-post .nav-posts a, body.category_post_view .blog-post .nav-posts a {
  border: 0;
  padding: 5px 10px;
  align-content: center;
  font-size: 20px;
}
body.post_view .blog-post .nav-posts a:hover, body.category_post_view .blog-post .nav-posts a:hover {
  background-color: #466309;
}
body.composition-1 .jornades {
  background-color: white;
}
body.composition-1 .owl-carousel.owl-drag .owl-item {
  padding: 0 20px;
}
body.composition-1 #widget_carousel-4 .widget_title {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
}
body.composition-1 .widgetscontainer_comp1_jornades {
  background-color: rgba(255, 255, 255, 0.6);
  background-blend-mode: lighten;
}
body.composition-1 .widgetscontainer_comp1_jornades .widgetsContainer {
  max-width: 1400px;
  margin: 10px auto;
}
body.composition-1 .widgetscontainer_comp1_jornades .widgetsContainer .widgetsContainer_title {
  margin-top: -10px;
  margin-bottom: 30px;
  font-size: 34px;
}
body.composition-1 .widgetscontainer_comp1_jornades .widgetsContainer > div {
  width: 50%;
}
@media (max-width: 768px) {
  body.composition-1 .widgetscontainer_comp1_jornades .widgetsContainer > div {
    width: 100%;
  }
}
body.composition-1 .widgetscontainer_comp1_jornades .widgetsContainer > div .widget_title {
  font-size: 30px;
  text-align: center;
}
body.composition-1 .widgetscontainer_comp1_jornades .widgetsContainer > div #widget_btn-veure-resultats-home {
  text-align: center;
  padding-top: 30px;
}
body.composition-1 .widgetscontainer_comp1_jornades .widgetsContainer > div #widget_btn-veure-resultats-home .btn-resultats {
  padding: 20px 30px;
  font-size: 20px;
}
body.composition-1 .widget_recentBlogPosts .widget_title {
  text-align: center;
  font-size: 32px;
}
body.composition-1 .widget_recentBlogPosts .recent-posts.mode-horizontal li .title {
  color: black;
  padding-bottom: 4px;
  text-transform: uppercase;
}
body.composition-1 .widget_recentBlogPosts .recent-posts.mode-horizontal li .post-image img {
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}
body.composition-1 .widget_recentBlogPosts .recent-posts.mode-horizontal li .posted-on .date {
  color: #75a415;
}
body.composition-1 .widget_recentBlogPosts .recent-posts.mode-horizontal li .posted-on .date i {
  display: none;
}
body.composition-1 .widget_recentBlogPosts .view-all {
  padding-left: 15px;
}
body.composition-1 .widget_recentBlogPosts .view-all a {
  padding: 10px 20px;
  background-color: #75a415;
  color: white;
}
body.composition-1 .widget_recentBlogPosts .view-all a::before {
  background-color: white;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetsContainer_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetsContainer_title::before, body.page-9 #container-page9_innerfooter .widget_composition .widgetsContainer_title::after {
  content: "";
  height: 2px;
  background-color: currentColor;
  flex: 1;
  max-width: 400px;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetsContainer_title::before {
  margin-left: 40px;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetsContainer_title::after {
  margin-right: 40px;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_junta-directiva, body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_vocals {
  border-radius: 20px;
  padding: 0 10px;
  margin-top: 50px;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_junta-directiva {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #D5DEF0;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_junta-directiva .widgetsContainer_title {
  color: #23324e;
}
@media (max-width: 1459px) and (min-width: 1090px) {
  body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_junta-directiva .widgetsContainer > div {
    width: 33%;
  }
}
@media (max-width: 1089px) and (min-width: 769px) {
  body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_junta-directiva .widgetsContainer > div {
    width: 50%;
  }
}
@media (max-width: 768px) {
  body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_junta-directiva .widgetsContainer > div {
    width: 95%;
  }
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_vocals {
  background-color: #BFE1AA;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_vocals .widgetsContainer_title {
  color: #316312;
}
body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_vocals .widgetsContainer > div {
  width: 20%;
}
@media (max-width: 1459px) and (min-width: 861px) {
  body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_vocals .widgetsContainer > div {
    width: 33%;
  }
}
@media (max-width: 860px) and (min-width: 500px) {
  body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_vocals .widgetsContainer > div {
    width: 50%;
  }
}
@media (max-width: 499px) {
  body.page-9 #container-page9_innerfooter .widget_composition .widgetscontainer_comp6_vocals .widgetsContainer > div {
    width: 95%;
  }
}
body.page-9 .persona {
  width: 100%;
  word-break: break-word;
}
body.page-9 .persona img {
  width: 100%;
  height: 100px;
  margin-bottom: -50px;
}
body.page-9 .persona .pastilla, body.page-9 .persona .pastillaVocals {
  width: 100%;
  background-color: white;
  border-radius: 20px;
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
}
body.page-9 .persona .pastilla .icona, body.page-9 .persona .pastillaVocals .icona {
  font-size: 16px;
  margin: 0;
}
body.page-9 .persona .pastilla .icona:first-child, body.page-9 .persona .pastillaVocals .icona:first-child {
  padding-top: 60px;
}
body.page-9 .persona .pastilla p:not(.icona), body.page-9 .persona .pastillaVocals p:not(.icona) {
  margin: 0;
  font-size: 24px;
}
body.page-9 .persona .pastilla {
  min-height: 160px;
}
body.page-9 .persona .pastillaVocals {
  min-height: 110px;
}
body.page-9 .persona .pastillaVocals p {
  padding-top: 60px;
}
body.page-9 #widget_composition-1 {
  display: flex;
  gap: 55px;
  justify-content: center;
}
@media (max-width: 768px) {
  body.page-9 #widget_composition-1 {
    flex-wrap: wrap;
  }
}
body.page-9 #widget_composition-1 .compositionContainer {
  width: 33%;
  border-radius: 20px;
  padding: 30px 10px;
  position: relative;
}
@media (max-width: 768px) {
  body.page-9 #widget_composition-1 .compositionContainer {
    width: 100%;
  }
}
body.page-9 #widget_composition-1 .compositionContainer::before {
  top: 2%;
  content: "";
  position: absolute;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 100px;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer_title::before, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer_title::after {
  max-width: 135px;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer_title::before {
  margin-left: 10px;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer_title::after {
  margin-right: 10px;
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_handbol {
  background-color: #d8e5ff;
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_handbol::before {
  background-image: url("/data/cms/ceacatarrega/uploads/images/Icons/handbol.svg");
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_handbol .widgetsContainer_title {
  color: #003aad;
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_atletisme {
  background-color: #FFE6C6;
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_atletisme::before {
  background-image: url("/data/cms/ceacatarrega/uploads/images/Icons/atletisme.svg");
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_atletisme .widgetsContainer_title {
  color: #a66005;
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_ceaca-alba {
  background-color: #F9DCFF;
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_ceaca-alba::before {
  background-image: url("/data/cms/ceacatarrega/uploads/images/Icons/alba.svg");
}
body.page-9 #widget_composition-1 .compositionContainer.widgetscontainer_comp23_ceaca-alba .widgetsContainer_title {
  color: #6c0f80;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer {
  padding-top: 65px;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div {
  width: 48%;
  padding: 5px;
}
@media (max-width: 1199px) {
  body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div {
    width: 95%;
  }
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaHandbol, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAtletisme, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAlba {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
  padding: 10px 25px;
  min-height: 120px;
  text-align: center;
  align-content: center;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaHandbol p, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAtletisme p, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAlba p {
  margin: 0;
  font-size: 18px;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaHandbol p.icona, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAtletisme p.icona, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAlba p.icona {
  font-weight: bold;
  text-transform: uppercase;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAlba, body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .pastillaAtletisme {
  margin-top: 30px;
}
body.page-9 #widget_composition-1 .compositionContainer .widgetsContainer > div .icono-handbol {
  width: 100%;
  height: 100px;
  margin-bottom: -50px;
}
body.page-12 #container-page12_innerfooter {
  max-width: 90%;
  margin: auto;
}
body.page-12 #container-page12_innerfooter .widget_form .ajaxForm .form_fields .panel-default {
  border-radius: 6px;
}
body.page-12 #container-page12_innerfooter .widget_form .ajaxForm .form_fields .panel-default .panel-heading {
  background-color: #75a415;
  border-radius: 6px 6px 0 0;
}
body.page-12 #container-page12_innerfooter .widget_form .ajaxForm .form_fields .panel .field .form-group .control-label {
  display: block;
}
body.page-12 #container-page12_innerfooter .widget_form .ajaxForm .form_fields .field .form-group .control-label {
  width: 100%;
  text-align: left;
}
@media (min-width: 500px) {
  body.page-12 #container-page12_innerfooter .widget_form .ajaxForm .form_fields .field .form-group .control-label {
    display: none;
  }
}
body.page-12 #container-page12_innerfooter .widget_form .ajaxForm .form_fields .field .form-group .control-label span.required {
  color: red;
}
body.page-12 #container-page12_innerfooter .widget_form .ajaxForm .form_fields .field .form-group .form-control {
  border-radius: 5px;
}
body.page-29 main img {
  width: 100%;
}
body.page-29 main #widget_composition-8 .compositionContainer:not(.container-last) .widgetsContainer > div {
  align-content: center;
}
body.page-29 main #widget_composition-8 .compositionContainer:not(.container-last) .widgetsContainer > div img {
  display: flex;
  margin: 0 auto;
}
@media (min-width: 769px) {
  body.page-29 main #widget_composition-8 .compositionContainer:not(.container-last):not(.widgetscontainer_comp25_segona-fila) .widgetsContainer > div:first-child img {
    margin-right: 0;
  }
  body.page-29 main #widget_composition-8 .compositionContainer:not(.container-last):not(.widgetscontainer_comp25_segona-fila) .widgetsContainer > div:last-child img {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  body.page-29 main #widget_composition-8 .compositionContainer:not(.container-last):not(.widgetscontainer_comp25_segona-fila) .widgetsContainer > div {
    width: 90%;
  }
}
@media (min-width: 769px) {
  body.page-29 main .widgetscontainer_comp25_main img {
    max-width: 260px;
  }
  body.page-29 main .widgetscontainer_comp25_segona-fila img {
    max-width: 260px;
  }
  body.page-29 main .widgetscontainer_comp25_tercera-fila img {
    max-width: 350px;
  }
  body.page-29 main .widgetscontainer_comp25_quarta-fila img {
    max-width: 340px;
  }
}
body #widget_xarxes-socials-footer a {
  margin: 3px;
}
body #widget_xarxes-socials-footer a i {
  font-size: 40px;
}
body .widgetscontainer_comp7_classificacions .widgetsContainer_title {
  text-align: center;
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 22px;
}
body .widgetscontainer_comp7_classificacions #widget_txt-classificacions {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  body .widgetscontainer_comp7_classificacions #widget_txt-classificacions {
    flex-wrap: wrap;
  }
}
body .widgetscontainer_comp7_classificacions #widget_txt-classificacions a {
  width: 23%;
  text-align: center;
  padding: 20px;
  background-color: #75a415;
  border-radius: 6px;
  margin: 0 10px;
  color: white;
  font-weight: 600;
  font-size: 20px;
  transition: 0.4s all ease;
  border-bottom: 2px solid #5e8410;
  border-right: 2px solid #5e8410;
}
@media (max-width: 768px) {
  body .widgetscontainer_comp7_classificacions #widget_txt-classificacions a {
    width: 85%;
    margin: 10px;
  }
}
body .widgetscontainer_comp7_classificacions #widget_txt-classificacions a:hover {
  background-color: #5e8410;
}
body.composition-28 main #composition-content, body.composition-30 main #composition-content {
  text-align: center;
  margin: 60px 0;
  font-size: 24px;
}
body.composition-28 main #composition-content h2, body.composition-30 main #composition-content h2 {
  margin-bottom: 25px;
  color: #75a415;
}
body .partits-alba .linia {
  display: flex;
}
@media (max-width: 768px) {
  body .partits-alba .linia {
    flex-direction: column;
  }
}
body .partits-alba .linia:last-child p.data, body .partits-alba .linia:last-child p.lliga {
  border: 0;
}
body .partits-alba .linia p {
  padding: 15px 0;
  margin: 0;
  text-align: center;
}
body .partits-alba .linia p.data {
  background-color: #75a415;
  border-bottom: 1px solid #eaeaea;
}
@media (min-width: 769px) {
  body .partits-alba .linia p.data {
    min-width: 150px;
  }
}
@media (max-width: 768px) {
  body .partits-alba .linia p.data {
    width: 100%;
  }
}
body .partits-alba .linia p.lliga {
  background-color: #eaeaea;
  border-bottom: 1px solid #75a415;
}
@media (min-width: 769px) {
  body .partits-alba .linia p.lliga {
    min-width: 305px;
  }
}
@media (max-width: 768px) {
  body .partits-alba .linia p.lliga {
    width: 100%;
  }
}
body .jornades {
  background-color: lightGray;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 10px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
}
body .jornades .numJornada {
  display: flex;
  background: #75a415;
  align-items: center;
  justify-content: space-around;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 450px) {
  body .jornades .numJornada {
    flex-direction: column;
  }
}
body .jornades .numJornada h4 {
  font-weight: 600;
  font-size: 26px;
  color: white;
  text-transform: uppercase;
  padding: 0 10px;
}
body .jornades .partitJornada {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 20px 18px;
}
@media (max-width: 450px) {
  body .jornades .partitJornada {
    flex-direction: column;
  }
}
body .jornades .partitJornada img {
  width: 40%;
  margin: auto;
}
body .jornades .partitJornada .equips {
  padding: 10px 0px 10px 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 33%;
}
@media (max-width: 450px) {
  body .jornades .partitJornada .equips {
    width: 100%;
  }
}
body .jornades .partitJornada .equips h2 {
  margin: 5px 10px 0 10px;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}
body .jornades .partitJornada .equips img {
  width: 100%;
  max-width: 130px;
}
body .jornades .partitJornada .infoPartit {
  text-align: center;
  margin: auto 0;
  text-transform: capitalize;
  width: 33%;
}
@media (max-width: 450px) {
  body .jornades .partitJornada .infoPartit {
    width: 100%;
    margin: auto;
  }
}
body .jornades .partitJornada .infoPartit h4 {
  font-weight: 400;
  font-size: 20px;
}
body .jornades .partitJornada .infoPartit h3 {
  font-weight: 600;
  font-size: 35px;
  text-transform: uppercase;
  margin: 0;
}
body .jornades .partitJornada .infoPartit h3 .scores.guanyat {
  color: green;
}
body .jornades .partitJornada .infoPartit h3 .scores.perdut {
  color: red;
}
body .jornades .estadi {
  text-align: center;
  padding: 0px 10px 5px 10px;
  margin-top: auto;
}
body .jornades .estadi h2 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: uppercase;
}
body .general-res-clas {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
@media (max-width: 400px) {
  body .general-res-clas {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}
body .general-res-clas .resultats-classificacions-equips {
  text-align: center;
  border-radius: 8px;
  padding: 0 10px 10px 10px;
}
@media (max-width: 1217px) and (min-width: 917px) {
  body .general-res-clas .resultats-classificacions-equips:last-child {
    grid-column: 1/-1;
    max-width: calc((100% - 30px) / 3);
    justify-self: center;
  }
}
body .general-res-clas .resultats-classificacions-equips h2 {
  color: white;
  text-align: left;
  padding-left: 15px;
}
body .general-res-clas .resultats-classificacions-equips img {
  width: 95%;
  border-radius: 5px;
}
body .general-res-clas .resultats-classificacions-equips .botons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 15px;
}
body .general-res-clas .resultats-classificacions-equips .botons a {
  background-color: white;
  font-weight: 600;
  padding: 10px 20px;
  display: block;
  text-align: center;
  min-height: 50px;
  min-width: 160px;
  align-content: center;
  border-radius: 5px;
  margin: 8px;
  transition: 0.6s ease all;
}
body .general-res-clas .resultats-classificacions-equips .botons a:hover {
  transform: scale(1.02);
  color: white !important;
}
body .general-res-clas .resultats-classificacions-equips .botons a.infantil {
  color: #004f92;
}
body .general-res-clas .resultats-classificacions-equips .botons a.infantil:hover {
  background-color: #004f92;
}
body .general-res-clas .resultats-classificacions-equips .botons a.cadet {
  color: #008a8d;
}
body .general-res-clas .resultats-classificacions-equips .botons a.cadet:hover {
  background-color: #008a8d;
}
body .general-res-clas .resultats-classificacions-equips .botons a.juvenil {
  color: #008846;
}
body .general-res-clas .resultats-classificacions-equips .botons a.juvenil:hover {
  background-color: #008846;
}
body .general-res-clas .resultats-classificacions-equips .botons a.senior {
  color: #00a117;
}
body .general-res-clas .resultats-classificacions-equips .botons a.senior:hover {
  background-color: #00a117;
}
body .general-res-clas .resultats-classificacions-equips:nth-child(1) {
  background-color: #004f92;
}
body .general-res-clas .resultats-classificacions-equips:nth-child(2) {
  background-color: #008a8d;
}
body .general-res-clas .resultats-classificacions-equips:nth-child(3) {
  background-color: #008846;
}
body .general-res-clas .resultats-classificacions-equips:nth-child(4) {
  background-color: #00a117;
}
body .page-category .pages, body .page-category .subcategories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 0;
}
body .page-category .pages .column .thumbnail, body .page-category .subcategories .column .thumbnail {
  height: 100%;
  margin: 0;
  border-radius: 20px !important;
  background-color: #f2f2f2 !important;
  display: flex;
  flex-direction: column;
  transition: 0.4s all ease;
}
body .page-category .pages .column .thumbnail:hover, body .page-category .subcategories .column .thumbnail:hover {
  box-shadow: 0 0 5px #57595e;
}
body .page-category .pages .column .thumbnail:hover .photo img, body .page-category .subcategories .column .thumbnail:hover .photo img {
  opacity: 1;
  transform: scale(1.05);
  filter: brightness(0.9);
}
body .page-category .pages .column .thumbnail .photo, body .page-category .subcategories .column .thumbnail .photo {
  position: relative;
  overflow: clip;
}
body .page-category .pages .column .thumbnail .photo img, body .page-category .subcategories .column .thumbnail .photo img {
  object-fit: cover;
  transition: transform 1.1s ease;
  min-height: 250px;
  max-height: 250px;
}
body .page-category .pages .column .thumbnail .caption, body .page-category .subcategories .column .thumbnail .caption {
  display: flex;
  flex-direction: column;
  padding: 10px 30px;
  position: static;
  text-transform: initial;
  opacity: 1;
}
body .page-category .pages .column .thumbnail .caption:before, body .page-category .pages .column .thumbnail .caption:after, body .page-category .subcategories .column .thumbnail .caption:before, body .page-category .subcategories .column .thumbnail .caption:after {
  display: none;
}
body .page-category .pages .column .thumbnail .caption h3, body .page-category .subcategories .column .thumbnail .caption h3 {
  font-size: 22px;
  color: #363636 !important;
  overflow: unset;
  font-weight: 500;
  opacity: 1;
  transform: none !important;
  padding: 10px;
}
body .page-category .pages .column .thumbnail .caption .preview-text, body .page-category .subcategories .column .thumbnail .caption .preview-text {
  margin-bottom: 15px !important;
  font-size: 16px !important;
  line-height: 22px;
  overflow: hidden;
  position: relative;
  opacity: 1;
  transform: none !important;
  text-align: left;
  color: #57595e !important;
  padding: 0;
}
body .page_galleries .page_gallery .gallery_container .gallery-mosaic > div {
  padding: 3px;
  width: 25%;
}
@media (max-width: 1200px) and (min-width: 900px) {
  body .page_galleries .page_gallery .gallery_container .gallery-mosaic > div {
    width: 32%;
  }
}
@media (max-width: 899px) and (min-width: 501px) {
  body .page_galleries .page_gallery .gallery_container .gallery-mosaic > div {
    width: 50%;
  }
}
@media (max-width: 500px) {
  body .page_galleries .page_gallery .gallery_container .gallery-mosaic > div {
    width: 100%;
  }
}
body .page_galleries .page_gallery .gallery_container .gallery-mosaic > div .photo {
  border-radius: 10px;
}
body .page_galleries .page_gallery .gallery_container .gallery-mosaic > div .photo .overlay {
  border-radius: 10px;
  background-color: rgba(117, 164, 21, 0.68);
}
body.contact .main_container > .row main #contact_text {
  display: none;
}
body.contact .main_container > .row main #container-spage_contact_innerfooter {
  display: flex;
}
@media (max-width: 768px) {
  body.contact .main_container > .row main #container-spage_contact_innerfooter {
    flex-wrap: wrap;
  }
}
body.contact .main_container > .row main #container-spage_contact_innerfooter > div {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 769px) {
  body.contact .main_container > .row main #container-spage_contact_innerfooter > div {
    width: 49%;
  }
}
body.contact .main_container > .row main #container-spage_contact_innerfooter > div iframe {
  border-radius: 5px;
  height: 600px;
}
body.contact .main_container > .row main #container-spage_contact_innerfooter > div .ajaxForm .form_fields .field .form-control {
  border-radius: 10px !important;
}
body.contact .main_container > .row main #container-spage_contact_innerfooter > div .ajaxForm .form_fields .field .btn {
  color: white;
}

/** Cortesia ***/
.composition-3 {
  min-height: 100vh;
  background-image: url("/data/cms/ceacatarrega/uploads/images/cortesia/BackgroundCEACA.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 768px) {
  .composition-3 {
    padding-top: 0px;
  }
}
.composition-3 #container-comp3_main {
  transform: translateY(50%);
  width: 100%;
}
@media (max-width: 768px) {
  .composition-3 #container-comp3_main {
    transform: translateY(100%); /* Vuelve a su posición original */
  }
}
.composition-3 #container-comp3_main .caixa-cortesia {
  /*         background: #ffffff75;
  width: 100%; */
}
.composition-3 #container-comp3_main .caixa-cortesia .box-cortesia {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.composition-3 #container-comp3_main .caixa-cortesia .box-cortesia p, .composition-3 #container-comp3_main .caixa-cortesia .box-cortesia a {
  font-weight: 600;
  font-size: 18px;
}