@charset "UTF-8";
/*
 Theme Name:   Motive Child Theme
 Theme URI:
 Description:  Motive for CEAB
 Author:       Ona
 Author URI:   http://donestech.net
 Template:     motive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* variables */
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/*general */
/* line 3, scss/breakpoints/_base.scss */
body {
  font-size: 16px !important;
  line-height: 24px !important;
}

/* line 7, scss/breakpoints/_base.scss */
.sidebar li, .post-content li {
  font-size: 18px;
  line-height: 26px;
}

/* line 11, scss/breakpoints/_base.scss */
.post-content ul {
  list-style: square;
}

/* line 14, scss/breakpoints/_base.scss */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 19, scss/breakpoints/_base.scss */
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

/* line 25, scss/breakpoints/_base.scss */
.wrap, .nav-wra, .main.wrap {
  padding: 0 15px !important;
}

/* line 28, scss/breakpoints/_base.scss */
.wpb_row {
  padding: 0 15px;
}

/* line 32, scss/breakpoints/_base.scss */
[aria-hidden="true"] {
  display: none;
}

/* line 36, scss/breakpoints/_base.scss */
.main {
  margin-top: 25px;
}

/* line 41, scss/breakpoints/_base.scss */
.navigation .off-canvas {
  overflow: visible !important;
}

/* line 44, scss/breakpoints/_base.scss */
.main-footer.dark, .main-footer.dark .lower-footer {
  background-color: #00264b;
}

/* line 47, scss/breakpoints/_base.scss */
.main .sidebar {
  position: relative;
}

/* line 51, scss/breakpoints/_base.scss */
.section-head .title, .section-head.alt span {
  color: #a03400 !important;
}

/* line 54, scss/breakpoints/_base.scss */
.section-head .title:before, .section-head .title:after {
  border-top: 4px solid #a03400 !important;
}

/* home */
/* line 59, scss/breakpoints/_base.scss */
#labs-links.ts-row [class*="col-"] {
  width: 33%;
}

/* footer */
/* line 65, scss/breakpoints/_base.scss */
.main-footer .textwidget p {
  color: white;
}

/* line 68, scss/breakpoints/_base.scss */
.upper-footer > .wrap {
  padding-top: 56px !important;
}

/* line 71, scss/breakpoints/_base.scss */
.menu-peu-container {
  border-top: 1px solid #b1b1b1;
  padding-top: 20px;
}

/* line 75, scss/breakpoints/_base.scss */
#menu-peu li a {
  border-bottom: none;
}

/* line 78, scss/breakpoints/_base.scss */
.main-footer.dark .posts-list li, .main-footer.dark .posts-list.compact .post {
  border-bottom: 1px solid #b1b1b1;
}

/* line 83, scss/breakpoints/_base.scss */
.footer-logos a img {
  padding: 20px 10px;
}

/* header*/
/* line 89, scss/breakpoints/_base.scss */
header {
  position: relative;
}

/* en construcció */
/* line 96, scss/breakpoints/_base.scss */
.construction {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 150px 0 0 150px;
  border-color: #3399cc transparent transparent transparent;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  z-index: 999;
}
/* line 108, scss/breakpoints/_base.scss */
.construction .text {
  top: 0;
  right: 0;
  z-index: 9999;
  position: absolute;
  background: none;
  -webkit-transform: rotate(44deg);
  -moz-transform: rotate(44deg);
  -ms-transform: rotate(44deg);
  -o-transform: rotate(44deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* line 120, scss/breakpoints/_base.scss */
.construction .text span {
  display: block;
  position: relative;
  font-size: 18px;
  color: #ffffff;
}
/* line 127, scss/breakpoints/_base.scss */
.construction .text .t1 {
  top: -93px;
  right: 59px;
}
/* line 131, scss/breakpoints/_base.scss */
.construction .text .t2 {
  top: -89px;
  right: 80px;
}
/* line 135, scss/breakpoints/_base.scss */
.construction .text .t3 {
  top: 5px;
  left: -35px;
}

/* fi en construcció FINAL  */
/* line 145, scss/breakpoints/_base.scss */
.main-head header {
  min-height: 80px !important;
  line-height: 80px !important;
  max-height: 85px;
  margin: 1em 0;
  position: relative;
}
/* line 151, scss/breakpoints/_base.scss */
.main-head header .right img {
  margin-top: 22px;
}

/* line 155, scss/breakpoints/_base.scss */
.nav-off-canvas .main-head .title {
  margin-top: 23px;
}

/* line 158, scss/breakpoints/_base.scss */
.nav-wrap {
  z-index: 101;
}

/* line 163, scss/breakpoints/_base.scss */
.search-box.active .search {
  z-index: 99;
}

/* line 166, scss/breakpoints/_base.scss */
#lang_sel_list {
  float: left;
  margin-right: 30px;
}
/* line 169, scss/breakpoints/_base.scss */
#lang_sel_list ul {
  float: left;
}
/* line 173, scss/breakpoints/_base.scss */
#lang_sel_list ul li {
  float: left;
}
/* line 175, scss/breakpoints/_base.scss */
#lang_sel_list ul li a:before {
  content: " / ";
}
/* line 178, scss/breakpoints/_base.scss */
#lang_sel_list ul li:first-child a:before {
  content: " ";
}
/* line 182, scss/breakpoints/_base.scss */
#lang_sel_list ul a, #lang_sel_list ul a:visited {
  background: transparent;
  font-size: 0.8em;
  color: #999999;
  line-height: 42px;
}
/* line 187, scss/breakpoints/_base.scss */
#lang_sel_list ul a:lang_sel_sel, #lang_sel_list ul a:visited:lang_sel_sel {
  color: #666666;
}
/* line 190, scss/breakpoints/_base.scss */
#lang_sel_list ul a:hover, #lang_sel_list ul a:visited:hover {
  color: #cb4200;
}
/* line 194, scss/breakpoints/_base.scss */
#lang_sel_list ul a.lang_sel_sel {
  color: #666666;
}
/* line 198, scss/breakpoints/_base.scss */
#lang_sel_list a, #lang_sel_list a:visited {
  background: transparent;
  font-size: 0.8em;
  color: #999999;
  line-height: 42px;
}
/* line 204, scss/breakpoints/_base.scss */
#lang_sel_list a:hover, #lang_sel_list a:visited:hover {
  color: #cb4200;
}

/* line 210, scss/breakpoints/_base.scss */
.top-bar {
  background-color: #EEEEEE;
}

/* line 213, scss/breakpoints/_base.scss */
.top-bar-content > div {
  display: block;
}

/* line 217, scss/breakpoints/_base.scss */
.navigation {
  background-color: #00264b;
}
/* line 219, scss/breakpoints/_base.scss */
.navigation .menu.lang-ca > li > a {
  padding: 0 21px;
}
/* line 222, scss/breakpoints/_base.scss */
.navigation .menu.lang-es > li > a {
  padding: 0 12px;
}
/* line 225, scss/breakpoints/_base.scss */
.navigation .menu.lang-en > li > a {
  padding: 0 26px;
}

/* line 230, scss/breakpoints/_base.scss */
.navigation .menu.mobile-menu li > a {
  padding: 10px 20px;
}
/* line 232, scss/breakpoints/_base.scss */
.navigation .menu.mobile-menu li > a .chevron {
  margin-right: -30px;
}
/* line 236, scss/breakpoints/_base.scss */
.navigation .menu.mobile-menu > li > ul {
  margin-left: 20px;
}

/* line 241, scss/breakpoints/_base.scss */
.navigation.sticky {
  background-color: rgba(0, 38, 75, 0.95);
}
/* line 243, scss/breakpoints/_base.scss */
.navigation.sticky .menu.lang-ca > li > a {
  padding: 0 15px;
}
/* line 246, scss/breakpoints/_base.scss */
.navigation.sticky .menu.lang-es > li > a {
  padding: 0 6px;
}
/* line 249, scss/breakpoints/_base.scss */
.navigation.sticky .menu.lang-en > li > a {
  padding: 0 16px;
}

/* line 253, scss/breakpoints/_base.scss */
.sticky .sticky-logo {
  max-height: 50px;
  padding: 0;
  width: 90px;
}
/* line 257, scss/breakpoints/_base.scss */
.sticky .sticky-logo a {
  padding: 2px 10px 0 10px !important;
}
/* line 260, scss/breakpoints/_base.scss */
.sticky .sticky-logo img {
  vertical-align: inherit;
  margin-top: 4px;
  max-height: none;
}

/* line 267, scss/breakpoints/_base.scss */
.lang-ca .sticky .sticky-logo {
  width: 90px;
}
/* line 269, scss/breakpoints/_base.scss */
.lang-ca .sticky .sticky-logo a {
  padding: 2px 10px 0 10px !important;
}

/* home slider */
/* line 275, scss/breakpoints/_base.scss */
.main-content .block {
  margin-bottom: 5px !important;
}

/* line 279, scss/breakpoints/_base.scss */
.home .main-content .block {
  margin-bottom: 49px !important;
}
/* line 282, scss/breakpoints/_base.scss */
.home .main-featured {
  margin-bottom: -10px !important;
}

/* line 288, scss/breakpoints/_base.scss */
.owl-carousel .owl-item {
  max-height: 500px;
}

/* line 291, scss/breakpoints/_base.scss */
.main-slider .meta {
  bottom: 15px;
}
/* line 293, scss/breakpoints/_base.scss */
.main-slider .meta a {
  color: #ffffff;
}
/* line 295, scss/breakpoints/_base.scss */
.main-slider .meta time {
  display: none !important;
}

/* mini sliders laterals */
/* line 303, scss/breakpoints/_base.scss */
.mini-slider .main-slider .meta, .slider-split .blocks .meta {
  bottom: 10px;
  left: 0;
  padding: 0 22px;
}
/* line 307, scss/breakpoints/_base.scss */
.mini-slider .main-slider .meta h3, .slider-split .blocks .meta h3 {
  font-size: 16px;
  padding: 2px 0;
  padding-bottom: 3px;
  text-transform: uppercase;
  letter-spacing: 0.9px;
}

/* home ambits section */
/* line 321, scss/breakpoints/_base.scss */
.ambits-home {
  display: inline-block;
  margin: 0;
  padding: 20px 0 15px 0;
  width: 100%;
  /* .inside {
     height: 200px;
     border-radius: 100%;
     display: table;
     text-align:center;
     padding: 1% 6%;
     -webkit-transition: all 2s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.9s ease;
     background-color:  $orange-mig;
     &:hover {
       background-color: $blue;
     }
     h3 {
       display: table-cell;
       vertical-align: middle;
       font-size: 1.2em;
       line-height: 1.5em;
       a {
         display: block;
         color: rgba(255,255,255,.8);
         font-family: "Open Sans", Arial, Helvetica, sans-serif;
         font-family: "Oswald", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
         &:hover{
           color: #fff;
           text-shadow: 0 0 10px white;
           text-decoration: none;
         }
       }
     }
   }*/
}
/* line 326, scss/breakpoints/_base.scss */
.ambits-home .ambits {
  list-style-type: none;
  margin-left: 0;
}
/* line 330, scss/breakpoints/_base.scss */
.ambits-home .column {
  padding: 0;
}
/* line 331, scss/breakpoints/_base.scss */
.ambits-home .column.one-fifth {
  width: 100%;
  text-align: center;
  padding: 0 1% 0 1%;
}
/* line 342, scss/breakpoints/_base.scss */
.ambits-home .img-rounded {
  position: relative;
}
/* line 344, scss/breakpoints/_base.scss */
.ambits-home .img-rounded h3 {
  position: absolute;
  text-align: center;
  top: 10px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0);
  font-family: "Oswald", Arial, sans-serif;
  font-weight: normal;
  margin-top: 10px;
  font-size: 18px;
}

/*.main-ambits .wrapfull{
 background-color: $orange-fosc;
  margin-top: -10px;
  max-height: 133px;
  .wpb_row{
    margin: 2em auto;
  }
  .one-fifth {
    margin-top: -40px;
    position: relative;
    z-index: 100;
  }
  .inside {
    background-color:  $orange-mig;
    min-height: 150px;
    display: table;
    text-align:center;
    padding: 1%;
    h3 {
      display: table-cell;
      vertical-align: middle;
      font-size: 1.2em;
      line-height: 1.5em;
      a {
        color: white;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-family: "Century Gothic", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
      }
    }
  }
}*/
/* home secció noticies */
/* line 428, scss/breakpoints/_base.scss */
.section-head {
  margin-bottom: 30px;
}
/* line 430, scss/breakpoints/_base.scss */
.section-head .more {
  display: block !important;
  background: none;
  border-right: none;
  margin-top: 20px;
}

/***********************************/
/* list people archive */
/***********************************/
/* line 442, scss/breakpoints/_base.scss */
ul.llistat-persones, .membres-grid {
  list-style-type: none;
  margin: 60px 0 20px 0;
}
/* line 445, scss/breakpoints/_base.scss */
ul.llistat-persones li.one-third, .membres-grid li.one-third {
  padding: 0 0 0 20px;
  min-height: 170px;
}
/* line 451, scss/breakpoints/_base.scss */
ul.llistat-persones li.one-third .col-8, .membres-grid li.one-third .col-8 {
  padding-right: 0;
}
/* line 455, scss/breakpoints/_base.scss */
ul.llistat-persones h2, .membres-grid h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 2px;
}
/* line 459, scss/breakpoints/_base.scss */
ul.llistat-persones h2 a, .membres-grid h2 a {
  color: #a03400;
}

/* forma dodecagon de la imatge persona */
/* line 468, scss/breakpoints/_base.scss */
.dodeca, .dodeca div {
  margin: 0 auto;
  transform-origin: 50% 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  transition: all .1s ease-in-out;
}
/* line 475, scss/breakpoints/_base.scss */
.dodeca:hover, .dodeca div:hover {
  opacity: 0.7;
  transform: scale(0.95);
}

/* line 480, scss/breakpoints/_base.scss */
.dodeca {
  transform: rotate(120deg);
}

/* line 483, scss/breakpoints/_base.scss */
.dode1 {
  transform: rotate(-60deg);
}

/* line 486, scss/breakpoints/_base.scss */
.dode2 {
  transform: rotate(-60deg);
}

/***********************************/
/* list ambits recerca */
/***********************************/
/* line 494, scss/breakpoints/_base.scss */
.ambits-llista {
  margin-top: -30px;
}
/* line 496, scss/breakpoints/_base.scss */
.ambits-llista article {
  margin-top: 45px;
}
/* line 498, scss/breakpoints/_base.scss */
.ambits-llista article .image-link {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}
/* line 503, scss/breakpoints/_base.scss */
.ambits-llista article h2 {
  font-size: 22px;
  line-height: 27px;
}
/* line 506, scss/breakpoints/_base.scss */
.ambits-llista article h2 a {
  color: #a03400;
}
/* line 510, scss/breakpoints/_base.scss */
.ambits-llista article p.desc {
  clear: left;
  margin-bottom: 4px;
  margin-top: 10px;
  line-height: 22px;
}
/* line 516, scss/breakpoints/_base.scss */
.ambits-llista article a.read_more {
  text-decoration: underline;
}
/* line 519, scss/breakpoints/_base.scss */
.ambits-llista article .fa-arrow-right-after:after {
  content: '\f061';
  font-size: 12px;
  font-weight: normal;
  color: #a03400;
  margin-left: 10px;
}
/* line 527, scss/breakpoints/_base.scss */
.ambits-llista .item:nth-child(3n+1) {
  padding-left: 0;
}

/***********************************/
/* list fills formacio */
/***********************************/
/* line 536, scss/breakpoints/_base.scss */
.llista-fills {
  margin-top: -30px;
}
/* line 538, scss/breakpoints/_base.scss */
.llista-fills article {
  margin-top: 45px;
}
/* line 540, scss/breakpoints/_base.scss */
.llista-fills article .image-link {
  float: left;
  padding-right: 20px;
  margin-bottom: 15px;
}
/* line 545, scss/breakpoints/_base.scss */
.llista-fills article h2 {
  font-size: 22px;
  line-height: 27px;
}
/* line 548, scss/breakpoints/_base.scss */
.llista-fills article h2 a {
  color: #a03400;
}
/* line 552, scss/breakpoints/_base.scss */
.llista-fills article a.read_more {
  text-decoration: underline;
  display: block;
  margin-top: 12px;
}
/* line 557, scss/breakpoints/_base.scss */
.llista-fills article .fa-arrow-right-after:after {
  content: '\f061';
  font-size: 12px;
  font-weight: normal;
  color: #a03400;
  margin-left: 10px;
}

/***********************************/
/* list projectes */
/***********************************/
/* line 571, scss/breakpoints/_base.scss */
.listing-grid article {
  border-top: 0;
  padding-top: 30px;
}
/* line 574, scss/breakpoints/_base.scss */
.listing-grid article.research-project {
  border-top: 3px solid #cb4200;
  margin-bottom: 35px;
  padding-top: 0;
}
/* line 579, scss/breakpoints/_base.scss */
.listing-grid article .teaser {
  position: absolute;
  bottom: 0;
  padding: 5px 15px;
  z-index: 99;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.7);
}
/* line 587, scss/breakpoints/_base.scss */
.listing-grid article .teaser h2 {
  font-size: 18px;
  line-height: 26px;
}
/* line 590, scss/breakpoints/_base.scss */
.listing-grid article .teaser h2 .post-link {
  color: #ffffff;
  text-transform: none;
  font-weight: 300;
  font-size: inherit;
  line-height: inherit;
}

/* line 603, scss/breakpoints/_base.scss */
.listing-grid > .column:nth-child(-n+2) article.research-project, .listing-grid > .column:nth-child(-n+3) article.research-project {
  border-top: 3px solid #cb4200;
}

/* line 606, scss/breakpoints/_base.scss */
.listing-grid.grid-3 > .column:nth-child(-n+3) article {
  padding-top: 20px;
}

/***********************************/
/* pàgines i arxiu */
/***********************************/
/* line 614, scss/breakpoints/_base.scss */
.main > .ts-row {
  margin: 0 auto;
}

/* line 618, scss/breakpoints/_base.scss */
.ts-row > .breadcrumbs {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 622, scss/breakpoints/_base.scss */
.breadcrumbs + .main-heading {
  margin-top: 21px;
}

/* line 625, scss/breakpoints/_base.scss */
.page .main-heading {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 7px 0;
}
/* line 629, scss/breakpoints/_base.scss */
.page .main-heading .main-color {
  color: #323944;
}

/* line 633, scss/breakpoints/_base.scss */
h1.post-title, .post-header .post-title {
  color: #323944;
}

/* line 638, scss/breakpoints/_base.scss */
.current_page_item a {
  color: #cb4200;
}

/* line 645, scss/breakpoints/_base.scss */
.post-content .llistat-persones h2 {
  font-family: "Oswald", Arial, sans-serif;
  font-weight: normal;
}

/* line 650, scss/breakpoints/_base.scss */
.sub-title {
  font-size: 16px;
  line-height: 20px;
}

/***********************************/
/* single personal member post type */
/***********************************/
/* line 658, scss/breakpoints/_base.scss */
.ts-row [class*="col-"].npl {
  padding-left: 0;
  padding-right: 0;
}

/* line 662, scss/breakpoints/_base.scss */
.ts-row [class*="col-"].npr {
  padding-right: 0;
}

/* line 666, scss/breakpoints/_base.scss */
.personal-aside h5 {
  margin: 20px 0 15px 0 !important;
}

/* line 670, scss/breakpoints/_base.scss */
.downfold {
  cursor: pointer;
  margin: 10px 0;
}
/* line 673, scss/breakpoints/_base.scss */
.downfold span {
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
}

/* line 680, scss/breakpoints/_base.scss */
.collapsible-box {
  list-style-type: disc;
  margin-left: 18px;
}
/* line 683, scss/breakpoints/_base.scss */
.collapsible-box li {
  font-size: 16px;
}

/* line 688, scss/breakpoints/_base.scss */
.single-member .post-header, .single-project .post-header, .tax-grups-recerca .post-header {
  padding: .5em 0;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  margin-right: 15px;
}
/* line 693, scss/breakpoints/_base.scss */
.single-member .post-header .post-title, .single-project .post-header .post-title, .tax-grups-recerca .post-header .post-title {
  float: none;
}
/* line 696, scss/breakpoints/_base.scss */
.single-member .post-header .sub-title, .single-project .post-header .sub-title, .tax-grups-recerca .post-header .sub-title {
  margin: 10px 0 0 0;
}
/* line 700, scss/breakpoints/_base.scss */
.single-member .sub-title, .single-project .sub-title, .tax-grups-recerca .sub-title {
  font-size: 18px;
  line-height: 22px;
}
/* line 704, scss/breakpoints/_base.scss */
.single-member .post-content h2, .single-project .post-content h2, .tax-grups-recerca .post-content h2 {
  font-family: "Oswald", Arial, Sans-serif;
  font-weight: normal;
  position: relative;
  /* &:after {
     content: '';
     display: block;
     width: 100%;
     position: absolute;
     top: 50%;
     border-top: 2px solid $black ;
     z-index: 1;
   }
   span {
     background: #fff;
     padding: 0 40px 0 0;
     position: relative;
     z-index: 5;
   }*/
}
/* line 724, scss/breakpoints/_base.scss */
.single-member .list-projects li, .single-member li.inline, .single-project .list-projects li, .single-project li.inline, .tax-grups-recerca .list-projects li, .tax-grups-recerca li.inline {
  list-style-type: square;
  list-style-position: outside;
  margin: 0 0 5px 15px;
}

/* line 731, scss/breakpoints/_base.scss */
.list-terms {
  list-style-type: square;
  list-style-position: outside;
  color: #323944;
  margin: 0 0 5px 20px;
}
/* line 736, scss/breakpoints/_base.scss */
.list-terms li {
  line-height: 22px;
  font-weight: bold;
}
/* line 740, scss/breakpoints/_base.scss */
.list-terms .children {
  margin: 5px 0 10px;
}
/* line 743, scss/breakpoints/_base.scss */
.list-terms .children li {
  list-style-type: square;
  list-style-position: outside;
  font-size: 16px;
  margin-left: 18px;
  font-weight: normal;
}

/* line 751, scss/breakpoints/_base.scss */
.url a {
  text-decoration: underline;
}

/* line 754, scss/breakpoints/_base.scss */
h2.firsth2, .first-h2-nomargin h2:first-of-type {
  margin-top: 0;
}

/******* ambits list archive ****/
/* line 759, scss/breakpoints/_base.scss */
.project-list {
  position: relative;
}

/* line 762, scss/breakpoints/_base.scss */
.section-widget .mini-logos {
  list-style-type: none;
  margin-left: 0;
}
/* line 765, scss/breakpoints/_base.scss */
.section-widget .mini-logos li {
  display: inline;
  margin-left: 10px;
}
/* line 768, scss/breakpoints/_base.scss */
.section-widget .mini-logos li:first-child {
  margin-left: 0;
}

/* line 775, scss/breakpoints/_base.scss */
.button.current {
  background-color: #00264b;
}

/* line 778, scss/breakpoints/_base.scss */
.button {
  padding: 6px 11px;
  margin-bottom: 10px;
  border-radius: 3px;
  font-weight: normal;
}

/***********************************/
/* single project  post type */
/***********************************/
/* line 789, scss/breakpoints/_base.scss */
.post-header .title-project .post-title {
  margin-right: 0;
}

/* line 792, scss/breakpoints/_base.scss */
.ts-row .title-sidebar.col-4 {
  padding-left: 60px;
  padding-right: 0;
}

/* line 796, scss/breakpoints/_base.scss */
.post-title {
  line-height: 1.4em;
}

/* line 797, scss/breakpoints/_base.scss */
.section-widget .post-share {
  float: left;
}

/* line 800, scss/breakpoints/_base.scss */
.logo-acronim {
  text-align: center;
  font-size: 45px;
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

/* line 809, scss/breakpoints/_base.scss */
.project_excerpt {
  padding-bottom: 0;
  border-bottom: 1px solid #e6e6e6;
}
/* line 812, scss/breakpoints/_base.scss */
.project_excerpt p {
  font-style: italic;
  color: #7A7A7A;
}

/* line 818, scss/breakpoints/_base.scss */
.related-posts {
  clear: both;
}

/***********************************/
/* llistats grups recerca */
/***********************************/
/* line 827, scss/breakpoints/_base.scss */
.mb {
  margin-bottom: 50px;
}

/***********************************/
/* search results */
/***********************************/
/* line 833, scss/breakpoints/_base.scss */
.search .listing-meta {
  padding: 10px 0 5px;
  color: #000000;
}

/* line 837, scss/breakpoints/_base.scss */
.projects-ended article {
  margin-bottom: 10px;
}

/* line 840, scss/breakpoints/_base.scss */
p.fiprojecte {
  margin: 10px 0;
}

/***********************************/
/* pàgina serveis */
/***********************************/
/* line 846, scss/breakpoints/_base.scss */
.post-content h2, .posts-grid .post-link {
  color: #cb4200;
  font-family: "Oswald", Arial, sans-serif !important;
}

/* line 850, scss/breakpoints/_base.scss */
.post-content.text-font h2 {
  font-weight: normal !important;
}

/* line 853, scss/breakpoints/_base.scss */
.post-content p {
  font-size: 18px !important;
  line-height: 26px !important;
}

/* line 857, scss/breakpoints/_base.scss */
.post-content .sc-accordion-title a, .post-content .sc-toggle-title a, .post-content .sc-tabs a {
  color: #333333;
  font-weight: normal;
}

/* line 861, scss/breakpoints/_base.scss */
.sc-accordion-title, .sc-accordion-title:first-child, .sc-toggle-title, .sc-toggle-title:first-child {
  border-top: 3px solid #e2e2e2;
}

/***** contingut pàgines - llista estils ****/
/* line 867, scss/breakpoints/_base.scss */
ul.styled li a span {
  font-style: italic;
  color: #333333;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /* line 2, scss/breakpoints/_481up.scss */
  .ambits-home .column.one-fifth {
    width: 50%;
  }
  /* line 5, scss/breakpoints/_481up.scss */
  .ambits-home .img-rounded h3 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 650px) {
  /* line 55, scss/style.scss */
  .ambits-home .column.one-fifth {
    width: 33%;
  }
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /* line 2, scss/breakpoints/_768up.scss */
  .ambits-home .column.one-fifth {
    width: 20%;
  }
  /* line 5, scss/breakpoints/_768up.scss */
  .ambits-home .img-rounded h3 {
    font-size: 16px;
  }

  /* line 10, scss/breakpoints/_768up.scss */
  .wpb_row {
    padding: 0;
  }
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {
  /* line 1, scss/breakpoints/_1030up.scss */
  .navigation .off-canvas {
    overflow: hidden;
  }

  /* line 5, scss/breakpoints/_1030up.scss */
  .ambits-home .img-rounded h3 {
    font-size: 20px;
  }
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1240px) {
  /* line 1, scss/breakpoints/_1240up.scss */
  .wrap, .nav-wrap, .main.wrap {
    padding: 0 44px !important;
  }
}
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 13, scss/partials/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 21, scss/partials/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  /* line 26, scss/partials/_print.scss */
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  /* line 31, scss/partials/_print.scss */
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 38, scss/partials/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 42, scss/partials/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 47, scss/partials/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 51, scss/partials/_print.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 55, scss/partials/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 63, scss/partials/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 69, scss/partials/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 78, scss/partials/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}