/***********************************************
                Porto Add Your CSS 
 **********************************************/

#block-info > div > div > div > h1 > strong{
    box-sizing: border-box;
        color: #FFF;
        padding: 10px;
        background-color: #722082;}
    
    #block-views-block-home-concept-block-block > div:nth-child(2) > div > div.views-row > article > div:nth-child(4) > div > div{
    margin-right: -15px;
        margin-left: -15px;
        text-align: center !important;
        box-sizing: border-box;
        display: block;
        unicode-bidi: isolate;
    }
    body.node-type-pagina-empresa .page-header.page-header-color.page-header-primary {
        background-color: #ff9d1c!important;
        border-bottom-color: #ff9d1c!important;
        color: #ffffff;
    }
    
    body.node-type-pagina-neutra .page-header.page-header-color.page-header-primary {
        background-color: #eee!important;
        border-bottom-color: #eee!important;
        color: #000;
    }
    
    body.node-type-pagina-empresa .page-header.page-header-color.page-header-primary h1, body.node-type-pagina-neutra .page-header-color.page-header-primary h1 {
        border-bottom: none!important;
    }
    body.node-type-pagina-neutra .page-header.page-header-color.page-header-primary h1 {color:#000;}
    
    body.node-type-page .breadcrumb li a { color: #eee!important;}
    body.node-type-pagina-empresa .breadcrumb li a { color: #eee!important;}
    body.node-type-pagina-neutra .breadcrumb li a { color: #666!important;}
    
    
    html .btn-primary:hover {border-color: #3c0647; background-color: #3c0647;}
    html .btn-borders.btn-primary:hover  { background-color: #3c0647!important; border-color: #3c0647 !important; color: #ffffff;}
    
    html .btn-secondary {color: #ffffff; background-color: #ff9d1c; border-color: #ff9d1c;}
    html .btn-secondary:hover {border-color: #894e00; background-color: #894e00;}
    
    html .btn-borders.btn-secondary  { background-color: #fff; border-color: #ff9d1c !important; color: #894e00;}
    html .btn-borders.btn-secondary:hover  { background-color: #894e00!important; border-color: #894e00 !important; color: #ffffff;}
    
    .home-concept .process-image {
        background: transparent url(/themes/porto_theme/img/home-concept-item.png) no-repeat 0 0;
        margin: 40px auto 0 auto;
        padding-bottom: 50px;
        position: relative;
        z-index: 1;
    }
    .btn.expand{ display:block; text-align:center;}
    
    .project-image-single {
        border-radius: 50%;
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    .home-intro, div.home-intro {
        background-color: #ff9d1c;
        margin-bottom: 60px;
        overflow: hidden;
        padding: 20px 0 10px 0;
        position: relative;
        text-align: left;
    }
    .home-intro p span {
        color: #000;
        display: block;
        font-size: 0.8em;
        padding-top: 5px;
    }
    h4.heading-primary {font-weight:bold;}
    html .empresa .heading-primary, html .empresa .heading-primary a{color: #ff9d1c!important;}
    
    .empresa .feature-box .feature-box-icon {background-color: #ff9d1c!important;}
    
    .fundacio .featured-bo, .featured-box {margin-top:0;}
    .fundacio .toggle > label {background: #fff!important;}
    html .fundacio .toggle-primary .toggle.active > label {
        background-color: #722082!important;
        border-color: #722082;
        color: #fff;
    }
    html .toggle > label:hover {
        background-color: #f9ead0!important;
    }
    .toggle > .toggle-content {
        background:#fff; padding: 10px 20px 0 20px;
    }
    .page-header {
        background-color: #eee;
        border-bottom: 5px solid #CCC;
        border-top: 5px solid #eee;
        margin: 0 0 35px 0;
        min-height: 50px;
        padding: 20px 0;
        position: relative;
        text-align: left;
    }
    .page-header.empresa {
        background-color: #ff9d1c;
        border-bottom: 5px solid #CCC;
        border-top: 5px solid #ff9d1c;
        margin: 0 0 35px 0;
        min-height: 50px;
        padding: 20px 0;
        position: relative;
        text-align: left;
    }
    .page-header.societat {
        background-color: #722082;
        border-bottom: 5px solid #CCC;
        border-top: 5px solid #722082;
        margin: 0 0 35px 0;
        min-height: 50px;
        padding: 20px 0;
        position: relative;
        text-align: left;
    }
    .page-header h1 {
        border-bottom: 5px solid #CCC;
        color: #000;
        font-size: 36px;
        line-height: 40px;
    }
    .page-header.societat h1 {
        border-bottom: 5px solid #ff9d1c;
        color: #fff;
        font-size: 42px;
    }
    .page-header .breadcrumb li a {color:#fff!important;}
    .page-header.empresa .breadcrumb li a {color:#fff!important;}
    .page-header.societat .breadcrumb li a {color:#fff!important;}
    ul.primary.societat li.active a {background-color: #722082!important; color:#fff!important; border:none!important;}
    ul.primary.empresa li.active a {background-color: #ff9d1c!important; color:#fff!important; border:none!important;}
    #header .header-nav.header-nav-stripe nav > ul > li > a.societat {
        background-color: #722082;
        background: #722082!important;
        color:#fff;
    }
    #header .header-nav.header-nav-stripe nav > ul > li > a.empresa {
            background-color: #ff9d1c;
            background: #ff9d1c!important;
            color:#fff;
    }
    
    html .btn-primary {
        color: #ffffff;
        background-color: #722082;
        border-color: #722082 #722082 #006699;
    }
    .home-intro p em {
        color: #722082;
    }
    .home-concept strong {
        color: #722082;
    }
    
    html .heading-primary, html .lnk-primary, html .text-color-primary {
        color: #722082 !important;
    }
    .feature-box .feature-box-icon {
        background-color: #722082;
    }
    
    .panels-flexible-region-4-center {width: 100%;}
    
    section.section-custom-map {
        background: none;
        padding: 0px 0 0;
        margin: 20px 0 0;
        border: 0;
    }
    .home-concept {
        background: none;
        width: 100%;
        overflow: hidden;
    }
    section.section {padding: 0px 0;}
    ul.list-hs li  {margin-bottom:20px;}
    ul.list-hs li h5{margin-bottom:0;}
    
    ul.list-buttons{list-style:none; margin:0; padding:0;}
    ul.inline li{display:inline-block; padding:0;}
    
    .no-margin{margin:0!important;}
    
    #block-menu-menu-menu-persones ul.menu, #block-menu-menu-menu-empreses ul.menu, #block-menu-menu-menu-persones-empresa ul.menu, #block-menu-menu-imatges-i-paraules ul.menu{margin:0; padding:0;}
    #block-menu-menu-menu-persones ul.menu li, #block-menu-menu-menu-empreses ul.menu li, #block-menu-menu-menu-persones-empresa ul.menu li, #block-menu-menu-imatges-i-paraules ul.menu li  {list-style:none; margin:0;}
    
    #block-menu-menu-menu-persones ul.menu li a {display: block; padding: 8px 0 8px 18px; background-color: #722082!important; color: #fff!important; border: none!important;text-decoration:none;}
    #block-menu-menu-menu-empreses ul.menu li a {display: block; padding: 8px 0 8px 18px; background-color: #ff9d1c!important; color: #fff!important; border: none!important;text-decoration:none;}
    #block-menu-menu-imatges-i-paraules ul.menu li a {display: block; padding: 8px 0 8px 18px; background-color: #722082!important; color: #fff!important; border: none!important;text-decoration:none;}
    #block-menu-menu-menu-persones ul.menu li a:before, #block-menu-menu-menu-empreses ul.menu li a:before, #block-menu-menu-imatges-i-paraules ul.menu li a:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #fff;
        margin: 7px 0 0 -9px;
        position: absolute;
    }
    #block-menu-menu-menu-persones ul.menu li a:hover {background-color: #3c0647!important; text-decoration:none;}
    #block-menu-menu-menu-empreses ul.menu li a:hover {background-color: #894e00!important; text-decoration:none;}
    #block-menu-menu-imatges-i-paraules ul.menu li a:hover {background-color: #3c0647!important; text-decoration:none;}
    
    
    #block-menu-menu-menu-persones-empresa ul.menu li:nth-child(odd) a {display: block; padding: 8px 0 8px 18px; background-color: #ff9d1c!important; color: #fff!important; border: none!important;text-decoration:none;}
    #block-menu-menu-menu-persones-empresa ul.menu li:nth-child(even) a {display: block; padding: 8px 0 8px 18px; background-color: #722082!important; color: #fff!important; border: none!important;text-decoration:none;}
    
    .imatges-i-paraules-wrapper { 
      border-bottom: 1px dashed #bbb;
      overflow:hidden;
    }
    .imatges-i-paraules-wrapper:hover { 
      border-bottom: 1px dashed #bbb;
      background-color: rgba(114,32,130,0.17);
      overflow:hidden;
    }
    .imatges-i-paraules-wrapper div {
       padding: 10px;
    }
    #imatges-i-paraules-video {
      float:left; 
      margin-right: 20px;
      width:320px;
    }
    #imatges-i-paraules-descripcio { 
      overflow:hidden;
      margin:10px;
      width:auto;
      text-align: justify;
    }
    
    #imatges-i-paraules-time{
      font-weight: bolder;
      margin-right: 5px;  
    }
    
    #imatges-i-paraules-titol {
      font-weight: bold;
    }
    #imatges-i-paraules-resum {
      font-weight: normal;
    }
    
    .owl-carousel {
        margin-bottom: 20px;
        margin-top: 120px;
    }
    
    .sensefons section.section {background:#ffffff !important; border-top: 5px solid #ffffff !important;}
    .sensefons h2 {text-align:left;}
    .sensefons .field-type-text-with-summary {display:none;}
    
    #aggregator .feed-item {
        margin-bottom: 1.5em;
        border: 1px solid #999;
        padding: 15px;
    }
    
    #aggregator .feed-source {
    display:none;
    }
    
    #search-block-form .form-control, #edit-search-block-form--2 .form-control,  #edit-submit .form-control {
        border-radius: 20px;
        font-size: 0.9em;
        height: 34px;
        margin: 0;
        padding: 6px 12px;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        transition: width 0.3s ease;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        width: 170px;
    }
    
    #search-block-form .btn-default, #edit-search-block-form--2 .btn-default, #edit-submit .btn-default {
        background: transparent;
        border: 0 none;
        color: #CCC;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
    }
    
    @media (min-width: 992px){
    #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
        background: transparent;
        padding: 70px 13px 24px;
        margin: -5px 0 0;
    }
    }
    
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5
    {
      position: relative;
      min-height: 1px; 
    }
    .col-xs-5
    {
      width: 20%;
      float: left;
    }
    @media (min-width: 768px)
    {
      .col-sm-5
      {
        width: 20%;
        float: left;
      }
    }
    @media (min-width: 992px)
    {
      .col-md-5
      {
        width: 20%;
        float: left;
      }
    }
    @media (min-width: 1200px)
    {
      .col-lg-5
      {
        width: 20%;
        float: left;
      }
    }


/***********************************************
             Porto Custom CSS 
 **********************************************/


#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus{color: #722082;}
#header .header-nav-main nav > ul > li > a:hover{color: white !important;}
#header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover, .inverted {
    background-color: #722082;
    color: white;
}
#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
    color: white;}
.lilauno{ background-color: #581845; color:white;}
.lilados{ background-color: #823a82; color:black;}
.lilacuatro{ background-color: #cb8ecb; color:black;}
.lilaTres{ background-color: #9a4c9a; color:black;}
a {color: #722082;}
h4.heading-primary { font-size: 1.3em; line-height: 22px; }
/*Logo img del a*/
#header .header-logo img {
	width:auto!important;
} 

/*menu*/
#header > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div{
      margin-top: 3%;
}

.recent-posts .date {margin-top: 0px !important;}
.recent-posts .date .day {background: #ffffff !important;}
.agenda {padding: 0 25px 25px 0;}
.view-esdeveniments {margin:30px 0;}


/* Per controlar our_blog de portada (noticies) */
.thumb_noticia_our_blog { height: 197px !important; }
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}


.form-textarea-wrapper textarea  {
  height: 100px;
}

/* Cursos */

td.cursos > .views-field-title > .field-content a {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: uppercase;
}

td.cursos > .views-field-title > span.field-content {
  display: inline-block;
  height: 58px;
}

#mainNav > li > a{
  color: #722082;
}

/*Colores a primary*/
#header .header-btn-collapse-nav, #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background: #722082;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: #722082;
}
#header .header-nav-main nav > ul > li.dropdown > a:after {
        border-color: #722082 transparent transparent transparent;
}
#header .header-nav-main nav > ul > li:hover > a, #mainNav > li.dropdown.active > a {
    background: #722082;
    color: white;
}
#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
        color: #722082;
    }
#header .header-nav-main nav > ul > li.active > a,
#header .header-nav-main nav > ul > li.active > a:focus, 
#header .header-nav-main nav > ul > li.active > a:hover,
.inverted{
        background-color: #722082;
    }

/*Fil Ariadna*/
html .page-header-color.page-header-primary {
    background-color: #722082;
    border-bottom-color: #722082;
    color: #ffffff;
}
section.page-header h1 {
    border-bottom-color: #722082;
}
#mainNav > li.active > a, #mainNav > li.active > a.is-active {
    background: white;
}
#wrapper > div > div > div > article > div:nth-child(4) > div > div{display:none;}
/*Breadcrum*/
  
#block-porto-breadcrumbss nav ul,#block-porto-breadcrumbs nav ol{
	background: none;
	margin: 0 ;
	padding: 0 ;
	position: relative;
	z-index: 1;
}

#block-porto-breadcrumbs nav ul li,#block-porto-breadcrumbs nav ol li {
	display: inline;
    list-style-type: none;
	font-size: 0.85em;
	text-shadow: none;
}

#block-porto-breadcrumbs nav ul li + li:before,#block-porto-breadcrumbs nav ol li + li:before {
   display: inline-block;
  padding: 0 0.75rem;
  content: url(arrow-breadcrumb.svg);

  @media (forced-colors: active) {
    width: 5px; /* Width and height of the SVG. */
    height: 8px;
    content: "";
    background-color: canvastext;
    mask-image: url(arrow-breadcrumb.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
}
#block-porto-breadcrumbs li:hover,
#block-porto-breadcrumbs li:focus {
  text-decoration: none;
}