/*
Theme Name: Tecnic de capçalera
Description: Tema pel web del tècnic de capçalera · 2018
Author: Col·legi d'Aparelladors, Arquitectes Tècnics i Enginyers d'Edificació de Barcelona (CAATEEB)
Author URI: http://www.apabcn.cat
Template: total
Version: 1.0.0
*/

#total-breadcrumbs{display:none}

body, input, select, textarea {
    color: #444;
    font-size: 18px;
    line-height: 1.6;
    font-family: 'Pontano Sans', sans-serif;
    font-weight: 400;
}


h2 {margin: 35px 0 35px 0;}


blockquote {
    margin: 1.5em;
    padding-left: 1.5em;
    border-left: solid 3px #E37D39;
    font-size:22px;
    font-style: italic;
}

figcaption{

	font-size:0.9rem;
	font-style: italic;
}

ol {
	margin:10px 25px 20px 0;
}

/*custom ul*/

.custom-ul {
  margin: 30px;
  padding: 0;
  list-style-type: none;
}

.custom-ul li::before {
  content: "•";
  margin-right: 15px;
  font-size: 80%;
  background-color: rgb(226,6,0);
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

/*end custom ul*/

/*custom ol*/


.custom-counter {
  margin-left: 25px;
  padding: 0;
  list-style-type: none;
}

.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}

.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: rgb(226,6,0);
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

/*end custom ol*/

.btn {
display: inline-block;
padding: 9px 12px;
padding-top: 7px;
margin: 20px;
font-size: 14px;
line-height: 20px;
color: #5e5e5e;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #d1dade;
-webkit-border-radius: 3px;
background-image: none !important;
border: none;
text-shadow: none;
box-shadow: none;
transition: all 0.12s linear 0s !important;

}
.btn-cons {
margin-right: 5px;
min-width: 120px;
margin-bottom: 8px;
}

.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;

}
a.btn-success:hover {
    color: #FFFFFF;
}


/*translation*/

#menu-item-2953-ca{
position:absolute;
top:25px;
right:50px;
border-right:solid;
border-color:grey;
font-size:0.7rem;
}

#menu-item-2953-ca a{
font-size:0.7rem;
display:inline;
font-weight:100;
}

#menu-item-2953-es{
position:absolute;
top:25px;
right:10px;
font-size:0.7rem;
}

#menu-item-2953-es a{
font-size:0.7rem;
display:inline;
font-weight:100;

}

#menu-item-2966-ca{
position:absolute;
top:25px;
right:50px;
border-right:solid;
border-color:grey;
font-size:0.7rem;
}

#menu-item-2966-ca a{
font-size:0.7rem;
display:inline;
font-weight:100;
}

#menu-item-2966-es{
position:absolute;
top:25px;
right:10px;
font-size:0.7rem;
}

#menu-item-2966-es a{
font-size:0.7rem;
display:inline;
font-weight:100;

}

/* end translation*/

/* home page*/



.ht-featured-post {
width:20%;
}


.ht-content p a {
    display: inline-block;
    background: #e2063a;
    color: #FFF;
    padding: 0 15px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    border-radius: 1px;
}

.ht-content p a:hover {

    background: #333;
    color: #FFF;
}
.ht-about-image img{max-width: 75%;}


/* end home page*/

.custom-bar h2 {border-bottom: 1px solid #E9E7E3;padding: 8px 10px;background-color: #F6F7F8;margin: 60px 0 60px; font-weight: 400;}  
.page-list {margin-top:50px;}
.page-list-ext-image {margin-right:5%;}

.attachment-post-thumbnail {margin-bottom:35px;}


.frame {
    border-radius: 3px;
    border: 1px solid #DFDDDA;
    padding: 5px;
}

.temes-clau a {

	font-size: 28px;
}

.su-post-title a{

	font-size: 1.4rem;
	font-weight: 100;
}


.taula {
  padding:50px;
}

.row{
  width: 100%;
  overflow: hidden;
  margin: 20px 0 60px 0;
}

.left-block {
  float:left; 
  width: 33%; 
  padding:25px;
}

.left-block-border {
  float:left; 
  width: 33%; 
  padding:25px;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ccc; 
 
}

.middle-block  {
  float:left; 
  width: 33%; 
  padding:25px;
}

.middle-block-border  {
  float:left; 
  width: 33%; 
  padding:25px;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ccc;
}

.right-block  {
  float:left; 
  width: 33%; 
  padding:25px;
}


.left-column {
    float:left; 
    width: 20%; 

 }

 .right-column{
  padding-left: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ccc;
  padding-bottom: 40px;
 }


/* footer*/

.logo-footer{
float:left;
}

.ht-site-info{
margin-top:25px;
}

/* end footer*/

.caixa-aparellador{

    border: 1px solid #ccc!important;
    padding: 25px 25px 25px 100px;
    margin: 25px;
    background-image: url("/wp-content/uploads/2018/01/aparellador.png");
    background-repeat:no-repeat;
    background-color: #ffffe1;
}

.caixa-aparellador a{
  font-weight: 600
}

.logo-footer{
  max-width:35%
}

.breadcrumbs{
	display:none;
}

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


@media screen and (max-width: 480px){
  
  .ht-featured-post{
    width: 80%;
  }
  .left-block {
    width:100%;
  }
  .left-block-border {
    width:100%;
  }
  .middle-block{
    width:100%;
  }
  .middle-block-border{
    width:100%;
  }
  .right-block {
    width:100%;
  }
  .left-column {
    width: 100%; 

 }
}