/* START CSS */

.cont-1200 li,
.cont-1200 ul {
  list-style: disc !important;
  color: #052D43
}

.container {
  margin: 0 auto;
  width: 100%;
  padding: 0 15px
}

.cont-1400 {
  max-width: 1440px
}

.cont-1900 {
  max-width: 1900px;
  padding-left: 0;
  padding-right: 0
}

.admin-bar .c-header {
  top: 32px;
  transition: .6s
}
.elcanndedariextra{
  display: none;
}
.solomovil,
[hidden],
template {
  display: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
picture,
section,
summary {
  display: block
}

.col-2,
.col-5 {
  display: grid;
  gap: 0
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

html ::-webkit-scrollbar {
  width: 8px
}

html ::-webkit-scrollbar-track {
  background: #000100
}

html ::-webkit-scrollbar-thumb {
  background: #a5a5a5;
  border-radius: 5px
}

html ::-webkit-scrollbar-thumb:hover {
  background: #888
}

body {
  background: #fff
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
optgroup,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em
}

mark {
  background: #ff0;
  color: #052D43
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0;
  height: auto;
  max-width: 100%
}

svg:not(:root) {
  overflow: hidden
}

hr {
  box-sizing: content-box;
  height: 0
}

pre,
textarea {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox].filtrar,
input[type=checkbox]:not(#rememberme),
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: none;
  background: 0 0;
  box-sizing: border-box;
  padding: 0
}


input[type=checkbox]:not(#rememberme):before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  transition: .5s;
  background: url("../images/icon-checkbox.svg") center/cover no-repeat;
  margin-right: 7px;
  top: 2px
}

input[type=checkbox]:not(#rememberme):checked:before {
  background: url("../images/icon-checked.svg") center/cover no-repeat
}

input[type=checkbox].filtrar:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  transition: .5s;
  background: url("../images/icon-checkbox2.svg") center/cover no-repeat;
  margin-right: 7px;
  top: 0
}

input[type=checkbox].filtrar:checked:before {
  background: url("../images/icon-checked2.svg") center/cover no-repeat
}

input[type=radio]:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  transition: .5s;
  background: url("../images/input-radio.svg") center/cover no-repeat;
  top: 2px
}

input[type=radio]:checked:before {
  background: url("../images/input-radioselect.svg") center/cover no-repeat
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

body,
html {
  overflow-x: hidden;
  margin: 0
}

* {
  box-sizing: border-box
}

a,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
li,
p,
select,
span,
td,
textarea {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.c-generico.top--menu .container.cont-1200 {
  max-width: 1200px;
  padding-top: 100px;
  padding-bottom: 50px
}

li,
ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.cont-1200 p {
  margin: 10px 0 !important
}

.cont-1200 ul {
  margin: 10px !important
}

.cont-1200 li {
  margin: 10px
}

#footer-bottom a,
.copy-footer a,
#footer-bottom p {
  color: #fff;
  color: #052D43;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px
}

a,
button,
input[type=submit] {
  display: inline-block;
  text-decoration: none;
  transition: .5s
}

a:hover,
button:hover,
input[type=submit]:hover {
  text-decoration: none
}

a,
article,
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
section,
span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0;
  line-height: normal;
  margin: 0;
  color: #052D43;
}

h1,
h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal
}

figure {
  margin: 0
}

a,
a:focus,
a:hover,
input,
input:focus,
input:hover {
  text-decoration: none;
  outline: 0
}

input,
select,
textarea {
  border-radius: 0
}



/* INITIAL */
#bannerhome {
  margin-top: 63px;
  background-size: cover;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.container-1080 {
  max-width: 1088px;
  margin: auto
}

.container-1400 {
  max-width: 1400px;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto
}

.container-1900 {
  max-width: 1900px;
  margin: auto
}

.col-2 {
  grid-template-columns: 1fr 1fr
}

.col-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

header.c-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 85px;
  padding: 0px;
  background: #ECF1F3;
}

.social-footer a,
ul.sub-menu {
  padding: 10px
}




/* HOME */
#banner-home {
  margin-top: 85px
}

#banner-home.home {
  background-image: url(../images/banner-kehipoteca.jpg);
  height: 700px;
  width: 100vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

#footer-bottom {
  background: #ECF1F3;
  padding: 50px;
  margin-top: 100px
}



.no-line {
  text-decoration: none !important
}

.links-footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  gap: 18px
}

.copy-footer {
  background: #1e1e1e;
  padding: 30px 15px 50px
}

span.kit-digital {
  margin-left: 30px
}

ul.sub-menu {
  display: none;
  position: absolute;
  background: #fff;
  height: fit-content
}

.flex-wrap.pa-align {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
}

ul#menu-menu li.menu-item-has-children a:after {
  content: url("/wp-content/themes/mikksa-initial-theme/library/images/haschildren3.svg");
  margin-left: 9px;
  top: -2px;
  position: relative
}

ul#menu-menu a {
  cursor: pointer;
  color: #052D43;
  font-size: 16px;
  font-weight: 300;
}

ul#menu-menu li.menu-item-has-children ul.sub-menu a:after {
  content: ""
}

.textpost {
  font-weight: 300;
}

ul#menu-menu ul.sub-menu a {
  margin-bottom: 5px
}

ul#menu-menu {
  display: flex;
  gap: 20px;
  align-items: center;
}


.info-logo.white img {
  max-width: 190px;
  display: block;
  position: relative;
  margin: 0px;
  width: 100%;
}


/* generiques */
.c-generico.top--menu h1,
.c-generico.top--menu h2 {
  margin-bottom: 20px;
  color: #052D43;
}

.c-generico.top--menu h2,
.c-generico.top--menu h3 {
  margin-top: 30px;
  color: #052D43;
  font-weight: 600;
  margin-bottom: 20px;
}


.c-generico.top--menu p,
.c-generico.top--menu a,
.c-generico.top--menu li,
.c-generico.top--menu span,
#qui-som-portada p,
#qui-som-portada a {
  margin-bottom: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #052D43;
}

.c-generico.top--menu a {
  text-decoration: underline;
}

#qui-som-portada h2 {
  margin-bottom: 20px;
}

li.activitat {
  border: 1px solid #b2b2b2;
  padding: 0px 15px 15px;
}

#categories-portada ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  padding: 60px;
  background: #ECF1F3;
  border-radius: 16px;
  margin: 40px 0px;
  text-align: center;
}

#categories-portada ul img {
  max-width: 200px;
  margin: auto;
  width: fit-content;
  display: block;
}

#categories-portada ul a h2 {
  color: #052D43;
  text-align: center;
  margin: 10px 0px;
}

#categories-portada ul p {
  color: #052D43;
  text-align: center;
  font-weight: 300;
}

#categories-portada ul p.titlecatsec {
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0px 5px;
}

#qui-som-portada a,
.persones a.button {
  background: #C8DA00;
  color: #052D43;
  font-weight: 500;
  padding: 12px 20px;
  max-width: 270px;
  width: 100%;
  margin: 20px auto 1px;
  text-align: center;
  border-radius: 8px;
  text-decoration: none;
}

#qui-som-portada {
  margin-bottom: 50px;
}

body.home h2 {
  font-size: 30px;
}

.cardobjectius {
  padding: 30px;
  background: #ECF1F3;
  margin: 30px 0px;
}

.comissions--page .blog-post {
  text-align: center;
}


.comissions--page .blog-post:hover {
  box-shadow: 0 4px 25px -5px rgba(87, 92, 106, 0.25);
  transition: 0.3s;
}

/* BLOG */
main {
  padding-top: 150px;
  min-height: 69vh;
}

.main {
  padding-top: 150px;
  min-height: 69vh;
}

.cont-1000 {
  max-width: 1000px;
  margin: auto;
  padding: 0 15px;
}

#noticiablog .img-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 30px;
}

.blog-content p,
.blog-content a,
.blog-content li,
.blog-content span {
  font-weight: 300;
  margin-bottom: 16px;
}

.blog-content h2,
.blog-content h3 {
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 30px;
}

.blog-content ul li {
  list-style: disc;
}

.blog-content ul {
  padding-inline-start: 20px;
}

.blog-content ol li {
  list-style: decimal;
}

#noticiablog {
  padding-bottom: 100px;
}

.blog-posts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px 20px;
  padding: 30px 0px 50px;
}

.blog-post {
  border-radius: 8px;
  border: 1px solid #CCC;
  background: var(--WHITE, #FFF);
  padding: 15px;
  transition: 0.3s;

}

.imagepostssss .imgpost {
  display: block;
  width: 100%;
  aspect-ratio: 1.5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.blog-post:hover {
  box-shadow: 0 4px 25px -5px rgba(78, 84, 102, 0.25);
  transition: 0.3s;
}

.blog-post img,
.blog-post a.imgpost {
  width: 100%;
}

.textpost h2 a {
  color: #052D43;
  font-size: 19px;
  font-weight: 500;
  margin: 5px 0px 5px;
}

.textpost a h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0px 0px 10px;
}

.blog-post p,
.blog-post a {
  font-weight: 300;
  color: #052D43;
}

a.excerpt-read-more {
  color: #052D43;
  font-weight: 300;
  text-decoration: underline;
  width: 100%;
  display: block;
  margin-top: 10px;
}

.f14 {
  font-size: 14px;
}

.eneldia h2 {
  margin: 30px 0px;
}

.lesactivitats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

.rightcol.a400 a {
  color: #052D43;
  margin-top: 10px;
}

.rightcol.a400 p {
  color: #052D43;
  font-size: 16px;
  font-weight: 300;
}

.activitats-organitzades li.activitat {
  padding-top: 15px;
}

.blog-content a.boto {
  background: #C8DA00;
  color: #052D43;
  font-weight: 500;
  padding: 12px 20px;
  max-width: 220px;
  width: 100%;
  margin: 14px auto 28px;
  text-align: center;
  border-radius: 8px;
  text-decoration: none;
}

.blog-content .botons-comissio,
.botons-comissio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 30px 0px 50px;
  gap: 0px 10px;
}

.blog-content .botons-comissio a.boto,
.botons-comissio a.boto {
  margin: auto;
  max-width: 220px;

}


.botons-comissio a.boto {
  background: #C8DA00;
  color: #052D43;
  font-weight: 500;
  padding: 12px 20px;
  max-width: 220px;
  width: 100%;
  margin: 14px auto 28px;
  text-align: center;
  border-radius: 8px;
  text-decoration: none;
}

.botons-comissio a.boto {
  max-width: inherit;
}

.botons-comissio.aextra a {
  max-width: 250px;
}

.blog-content ul li ul {
  margin-top: 10px;
  margin-bottom: 15px;
  padding-inline-start: 10px;
}

.fc-title-line-1 {
  color: #fff;
  font-size: 12px;
  padding: 3px;
}

.extraescolar-meta a {
  margin: 0px;
  text-decoration: underline;
}

.titolportada {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

span.som {
  border: 1px solid;
  border-radius: 20px;
  padding: 3px 10px;
  margin-top: 8px;
  display: block;
  width: fit-content;
  background: #55a41b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-post{
    transition: all .25s ease;
}

.blog-post:hover{
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.blog-post {
    border: 3px solid;
}
body.page-template-page-extraescolars .blog-post{
  padding: 18px 18px 18px 16px;
  border-radius: 100% 100% 46% 76% / 38% 34% 90% 35%;
  overflow: hidden;
}

/* ORIGINALS */
.blog-post.color-verd { border-color:#2ecc71; background:#eafaf1; }
.blog-post.color-blau { border-color:#3498db; background:#ebf5fb; }
.blog-post.color-groc { border-color:#f1c40f; background:#fef9e7; }
.blog-post.color-taronja { border-color:#e67e22; background:#fdf2e9; }
.blog-post.color-rosa { border-color:#e84393; background:#fdeef5; }
.blog-post.color-negre { border-color:#2d3436; background:#f2f2f2; }
.blog-post.color-vermell { border-color:#e74c3c; background:#fdecea; }

/* NOUS */
.blog-post.color-lila { border-color:#c8a2ff; background:#f5edff; }
.blog-post.color-morat { border-color:#8e44ad; background:#f4ecf7; }
.blog-post.color-turquesa { border-color:#1abc9c; background:#e8f8f5; }
.blog-post.color-cian { border-color:#00bcd4; background:#e0f7fa; }
.blog-post.color-marro { border-color:#8e6e53; background:#efebe9; }
.blog-post.color-gris { border-color:#7f8c8d; background:#f4f6f6; }
.blog-post.color-indigo { border-color:#3f51b5; background:#e8eaf6; }
.blog-post.color-menta { border-color:#98ff98; background:#f1fff1; }
.blog-post.color-salmo { border-color:#fa8072; background:#fff0ee; }
.blog-post.color-daurat { border-color:#d4af37; background:#fff9e6; }
.blog-post.color-platejat { border-color:#bdc3c7; background:#f8f9f9; }
.blog-post.color-beix { border-color:#d5c4a1; background:#fbf7ef; }
.blog-post.color-oliva { border-color:#808000; background:#f6f6e8; }


/* COMISSIONS */

.col31 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 30px;
}


.col31 .blog-posts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 20px;
  padding: 30px 0px 50px;
}

img.imatgecomissionmini {
  max-width: 100px;
}

#info-emergencia article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  border-bottom: 1px solid;
}


/* Extrrraescolars */



.blog-content .title {
  display: flex;
  gap: 50px;
}

.objectius-extraescolar {
  padding: 6px 30px 30px;
  background: #ECF1F3;
  margin: 30px 0px;
}

.extraescolar-meta {
  margin-top: 30px;
  min-width: 250px;
  border-left: 5px solid #ECF1F3;
  padding-left: 20px;
}

.extraescolar-foto {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.extraescolar-foto .img {
  max-width: 80px;
  margin-bottom: 15px;
}

.extraescolar-foto h1 {
  margin: 0px 0px 10px;
}

@media only screen and (max-width:1000px) {
  .blog-content .title {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }

  .extraescolar-meta {
    margin-top: 10px;
    padding-top: 30px;
    min-width: inherit;
    border-left: inherit;
    border-top: 5px solid #ECF1F3;

    padding-left: 0px;
  }

  #menumovil,
  header.c-header {
    position: fixed;
    left: 0;
    z-index: 9999;
    background-color: #ECF1F3;
    display: flex;
  }

  .admin-bar #menumovil.toparriba {
    top: 120px
  }

  .cont-1400 {
    padding-left: 15px;
    padding-right: 15px
  }

  header.c-header {
    top: 0
  }

  .burger span,
  .burger:hover span {
    background: #052D43
  }

  header.c-header .solomovil {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px
  }

  .burger {
    position: relative;
    width: 22px;
    height: 14px;
    cursor: pointer;
    background-color: transparent;
    border: none
  }

  .nav-open .burger {
    top: -2px
  }

  .burger span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    transition: .2s, background
  }

  .burger span:nth-child(2) {
    top: 6px
  }

  .burger span:last-child {
    top: 12px
  }

  .nav-open .burger span:first-child,
  .nav-open .burger span:last-child {
    top: 8px
  }

  .nav-open .burger span:first-child {
    transform: rotate(45deg)
  }

  .nav-open .burger span:last-child {
    transform: rotate(-45deg)
  }

  .nav-open .burger span:nth-child(2) {
    opacity: 0;
    visibility: hidden
  }

  #menumovil {
    top: 85px;
    bottom: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: none;
    transition: .6s;
    border-top: 1px solid #052D43
  }

  #menumovil.toparriba {
    top: 70px
  }

  #menumovil nav .top-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    grid-gap: 15px
  }

  #menumovil nav .top-nav li.menu-item a {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    letter-spacing: .02em;
    color: #052D43;
    padding: 10px 0;
    display: flex;
    justify-content: center
  }

  #menumovil nav .top-nav>li.menu-item-has-children,
  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children {
    position: relative
  }

  #menumovil nav .top-nav>li.menu-item-has-children>a::after,
  #menumovil nav .top-nav>li.menu-item-has-children>a:hover::after {
    content: url("../images/haschildren3.svg");
    margin-left: 9px;
    top: -2px;
    position: relative
  }

  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu {
    position: relative;
    top: initial;
    left: initial;
    transform: translate(0, 0);
    background-color: #ECF1F3;
    padding: 0;
    display: none;
    margin-top: 15px;
    margin-bottom: 20px
  }

  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu li,
  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu li {
    text-align: center
  }

  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu li a,
  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #232323;
    width: initial;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    justify-content: center
  }

  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu li:last-child a,
  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu li:last-child a {
    margin-bottom: 0
  }

  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children>a::after,
  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children>a:hover::after {
    content: url("../images/haschildren4.svg");
    margin-left: 9px;
    top: -2px;
    position: relative
  }

  #menumovil nav .top-nav>li.menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu {
    position: relative;
    top: initial;
    left: initial;
    transform: translate(0, 0);
    background-color: #fff;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 30px
  }

  .cont-1400.container.flex-wrap.pa-align {
    display: none
  }

  .solomovil {
    display: block
  }

  body.nav-open #menumovil {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    overflow-y: auto;
    padding-top: 30px;
  }

  .admin-bar .c-header {
    top: 46px;
    transition: .6s
  }

  .admin-bar #menumovil {
    top: 99px
  }

  .col-2 {
    grid-template-columns: 1fr;
    gap: 20px
  }

  #noticiablog.main {
    padding-top: 100px;
    min-height: 69vh;
  }

  main {
    padding-top: 121px;
    min-height: 69vh;
  }

  #noticiablog .img-cover {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 30px;
    flex-direction: column;
  }

  section.main.comissio {
    padding-top: 121px;
  }
}

@media only screen and (max-width: 600px) {
  #categories-portada ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
    padding: 30px;
    background: #F6F3EE;
    border-radius: 16px;
    margin: 40px 0px;
  }

  .lesactivitats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .elcanndedariextra {
    display: none;
  }

  .blog-posts {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px 20px;
    padding: 30px 0px 50px;
  }

  .col31 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .persones a.button {
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-width: inherit;
    left: 0;
  }

  header.c-header {
    display: flex;
    position: fixed;
    left: 0;
    z-index: 9999;
    background-color: #ECF1F3;
    align-items: center;
    justify-content: space-between;
  }

  .col31 .blog-posts {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px 20px;
    padding: 30px 0px 50px;
  }
}

/*# sourceMappingURL=style.css.map */