/*
Theme Name: Blanc
Author: Oleguer
Author URI: oleguercongost@gmail.com
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url("fonts/futura/stylesheet.css");
@import url("fonts/georgia/stylesheet.css");
p, a, h1, h2, h3 {
  font-family: 'Futura Std'; }

h1, h2, h3, h4 {
  font-family: 'Futura Std';
  font-weight: 500;
  font-style: normal; }

p {
  font-size: 14px; }

a {
  text-decoration: none;
  color: #000; }

* {
  margin: 0;
  padding: 0;
  text-decoration: none; }

.cb {
  clear: both; }

body {
  background-color: #CFD0D2; }

.wrapp {
  max-width: 992px;
  margin: auto; }

.big {
  display: block; }

.mob {
  display: none; }

@media screen and (max-width: 768px) {
  .big {
    display: none; }

  .mob {
    display: block; } }
.col_esquerra {
  width: 67%;
  max-width: calc(100% - 228px);
  float: left;
  padding-bottom: 30px; }
  .col_esquerra p {
    font-size: 18px; }
    .col_esquerra p.wp-caption-text {
      font-size: 12px; }

.col_dreta {
  width: 218px;
  float: right;
  padding-top: 10px;
  padding-bottom: 30px; }

@media screen and (max-width: 480px) {
  .col_esquerra, .col_dreta {
    max-width: 100%;
    width: 100%;
    padding: 10px;
    box-sizing: border-box; } }
.destacat {
  font-size: 24px;
  font-weight: bold; }

.wp-caption {
  max-width: 100%; }
  .wp-caption img {
    max-width: 100%;
    height: auto; }
  .wp-caption .wp-caption-text {
    font-size: 12px;
    color: #58585A; }

header {
  padding-top: 20px; }
  header #open_systems_logo {
    position: absolute;
    top: 0;
    left: 0; }
  header .marc {
    height: 195px;
    position: relative; }
    header .marc #oslogo {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 80%;
      height: auto;
      transform: translate(-50%, -50%); }
    header .marc #uni_bcn {
      position: absolute;
      bottom: 10px; }
    header .marc .social {
      position: absolute;
      bottom: 0;
      right: 0; }
      header .marc .social a {
        margin-left: 5px; }
    header .marc #lang_sel_list {
      position: absolute;
      top: 0;
      right: 0; }
      header .marc #lang_sel_list ul li a {
        background-color: transparent;
        font-family: 'Futura Std';
        padding-left: 0;
        font-size: 14px; }
        header .marc #lang_sel_list ul li a:after {
          content: ' \b7\a0 ';
          color: #fff;
          font-weight: bold; }
      header .marc #lang_sel_list ul li:last-child a:after {
        content: none; }
  header nav {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    height: 38px;
    position: relative; }
    header nav #m_menu {
      display: none; }
    header nav ul.menu {
      margin-top: 6px; }
      header nav ul.menu li {
        display: inline; }
        header nav ul.menu li:last-child a {
          border-right: none; }
        header nav ul.menu li:first-child a {
          padding-left: 0; }
        header nav ul.menu li a {
          font-family: 'Futura Std';
          font-weight: normal;
          font-style: normal;
          letter-spacing: 0.07em;
          color: #000;
          font-size: 20px;
          display: inline-block;
          border-right: 3px solid #fff;
          padding: 0px 10px; }
  header #filter {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    right: 0;
    top: 0;
    font-size: 20px; }
    header #filter select {
      width: 225px; }
  header .customSelect {
    background-color: #fff;
    right: 0;
    top: 0;
    height: 39px;
    box-sizing: border-box;
    padding: 7px;
    background-image: url(images/fletxa-select.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px); }
    header .customSelect .customSelectInner {
      font-family: 'Futura Std';
      font-size: 20px; }

@media screen and (max-width: 768px) {
  header {
    position: relative; }
    header #open_systems_logo {
      position: static;
      margin: auto;
      width: 100%;
      display: block; }
      header #open_systems_logo img {
        margin: auto;
        display: block; }
    header .marc {
      height: auto;
      position: static; }
      header .marc #oslogo {
        position: static;
        display: block;
        margin: 30px auto 15px auto;
        transform: none;
        max-width: 30%; }
      header .marc #uni_bcn {
        position: static;
        display: block;
        margin: auto;
        margin-bottom: 20px; }
      header .marc #lang_sel_list {
        top: inherit;
        bottom: 0;
        height: 27px; }
    header nav #m_menu {
      display: inline-block; }
    header nav ul {
      display: none; }
      header nav ul.obert {
        display: block;
        margin: 0;
        bottom: 0;
        background-color: #fff;
        position: relative;
        bottom: inherit;
        z-index: 999;
        padding: 10px;
        box-sizing: border-box; }
        header nav ul.obert.menu li {
          display: block; }
          header nav ul.obert.menu li a {
            border-bottom: 1px solid #ECEDED; }
            header nav ul.obert.menu li a:hover {
              text-decoration: underline; }

  .social {
    width: 100%;
    padding: 5px;
    border-bottom: 3px solid #fff;
    box-sizing: border-box; } }
#grid {
  margin-top: 25px; }

article.preview {
  margin-bottom: 9px;
  padding: 10px;
  box-sizing: border-box; }
  article.preview img {
    width: 100%;
    height: auto; }
  article.preview header {
    padding-top: 10px; }
    article.preview header h2 {
      font-size: 12px;
      font-weight: bold; }
  article.preview footer {
    font-size: 12px;
    font-family: Futura; }
    article.preview footer p {
      font-size: 12px;
      font-weight: normal; }
  article.preview .text {
    margin-top: 10px;
    font-size: 14px; }
    article.preview .text p {
      font-family: 'Georgia'; }
    article.preview .text a {
      text-decoration: underline;
      font-family: 'Georgia'; }
      article.preview .text a.veure_mes {
        text-decoration: none;
        font-weight: bold;
        font-family: "Futura Std"; }
  article.preview.news {
    background-color: #FFED34; }
    article.preview.news h2 {
      font-size: 15px; }
    article.preview.news a {
      font-weight: bold; }
  article.preview.projecte {
    background-color: #ECEDED; }
    article.preview.projecte h2 {
      font-weight: bold;
      font-style: normal;
      font-size: 17px; }
  article.preview.press {
    background-color: #000;
    color: #fff; }
    article.preview.press a {
      color: #fff; }
    article.preview.press h2 {
      font-weight: bold; }
    article.preview.press .date, article.preview.press .mitja {
      font-size: 14px;
      font-family: 'Futura Std'; }
    article.preview.press .date {
      text-transform: capitalize; }
    article.preview.press .mitja {
      font-weight: bold; }
    article.preview.press h2 {
      font-size: 17px;
      font-family: 'Georgia';
      margin-top: 20px; }
    article.preview.press .text {
      margin-top: 0; }
  article.preview.partner, article.preview.team {
    background-color: none; }
    article.preview.partner h2, article.preview.team h2 {
      font-size: 17px;
      margin-top: 5px;
      font-weight: bold; }
  article.preview.partner .thumb_wrapp {
    background-color: #fff;
    width: 100%;
    position: relative; }
    article.preview.partner .thumb_wrapp img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 90%; }
  article.preview.team {
    font-weight: bold; }

.single-projectes .col_dreta .item {
  padding: 5px 0;
  border-bottom: 2px solid #fff; }
  .single-projectes .col_dreta .item #recullidor {
    overflow: hidden; }
  .single-projectes .col_dreta .item h4 {
    font-family: 'Futura Std';
    font-weight: bold; }
  .single-projectes .col_dreta .item.visita a {
    color: #707173;
    font-weight: normal; }
  .single-projectes .col_dreta .item.social a img {
    width: auto;
    height: 15px; }
  .single-projectes .col_dreta .item.descarrega {
    padding-bottom: 30px; }
  .single-projectes .col_dreta .item.contribuidors {
    padding-bottom: 30px; }
    .single-projectes .col_dreta .item.contribuidors p {
      color: #707173; }
.single-projectes .col_esquerra {
  margin-top: 11px; }
  .single-projectes .col_esquerra h2 {
    font-family: 'Futura Std Con';
    text-decoration: underline;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 1.1em; }

.page-template-default .col_esquerra, .page-template-page-about-template .col_esquerra, .page-template-page-contact-template .col_esquerra {
  margin-top: 10px; }
.page-template-default .col_dreta .item h4, .page-template-page-about-template .col_dreta .item h4, .page-template-page-contact-template .col_dreta .item h4 {
  font-family: 'Futura Std';
  font-weight: bold; }
.page-template-default .col_dreta .item p, .page-template-page-about-template .col_dreta .item p, .page-template-page-contact-template .col_dreta .item p {
  color: #707173; }
.page-template-default .col_dreta article, .page-template-page-about-template .col_dreta article, .page-template-page-contact-template .col_dreta article {
  margin-top: 10px; }

.page-template-page-about-template .col_esquerra a {
  text-decoration: underline;
  font-weight: bold; }

.page-template-page-contact-template .col_esquerra p {
  font-size: 50px;
  font-family: 'Futura Std Con';
  font-weight: bold; }

footer div.wrapp {
  clear: both;
  border-top: 2px solid #fff;
  margin: auto;
  padding: 10px 0; }
footer .item {
  width: 24.25%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top; }
  footer .item:nth-child(3) {
    width: 26%;
    margin-right: 6%; }
  footer .item:nth-child(4) {
    width: 15%;
    margin-right: 0; }
footer ul {
  list-style: none;
  font-family: 'Futura Std'; }

@media screen and (max-width: 768px) {
  footer .item {
    width: 100%;
    margin-right: 0;
    margin: 10px auto;
    text-align: center; }
    footer .item:nth-child(3) {
      width: 100%;
      margin-right: 0; }
    footer .item:nth-child(4) {
      width: 100%;
      margin-right: 0; }
  footer ul {
    list-style: none;
    font-family: 'Futura Std'; } }

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