/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* Predefinit per Infografos */

.centrar {
    text-align: center !important;
}

.centrarimatges {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
    margin: 0 auto !important;
}

.blanc {
    color:#ffffff !important;
}

.negre {
    color:#000000 !important;
}

.accent-sobre-obscur {
    color: #b3eaff !important;
}

.subrayado {
text-decoration: underline !important;
}

.fuente10 {
font-size: 10px !important;
}

.fuente12 {
font-size: 12px !important;
}

.fuente20 {
font-size: 20px !important;
}

.fuente25 {
font-size: 25px !important;
}

.comh2 {
    font-size: 28px !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
}

.comh3 {
    font-size: 24px !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
}

.comh4 {
    font-size: 20px !important;
    line-height: 26px !important;
    text-transform: none !important;
}

.lista-sin-estilos {
list-style: none !important;
}

.fuera-sangre {
padding-left:0px !important; 
padding-right:0px !important;
}

.tot0 {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
border-top-width: 0px !important;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
border-left-width: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}

.fondo-obscur {
background-color: #222222 !important;
}

.fondo-clar {
background-color: #f0f0f0 !important;
}

.fondo-blau-telefon {
background-color: #278cd9 !important;
}

.fondo-verd-what {
background-color: #189d0e !important;
}

.fondo-blau-info1 {
background-color: #4ba9cc !important;
}

.fondo-blau-info2 {
background-color: #2e8aac !important;
}

.fondo-blau-info3 {
background-color: #236e8a !important;
}


/*** ----------------- ***/

.margtop-10 {
margin-top:-10px !important; 
}

.margtop10 {
margin-top:10px !important; 
}

.margbot10 {
margin-bottom:10px !important; 
}

.pato5 {
padding-top:5px !important; 
}

.pato10 {
padding-top:10px !important; 
}

.pato20 {
padding-top:20px !important; 
}

.pato30 {
padding-top:30px !important; 
}

.pato40 {
padding-top:40px !important; 
}

.pato50 {
padding-top:50px !important; 
}

.pato70 {
padding-top:70px !important; 
}

.pato100 {
padding-top:100px !important; 
}

.pabo5 {
padding-bottom:5px !important; 
}

.pabo10 {
padding-bottom:10px !important; 
}

.pabo20 {
padding-bottom:20px !important; 
}

.pabo30 {
padding-bottom:30px !important; 
}

.pabo40 {
padding-bottom:40px !important; 
}

.pabo50 {
padding-bottom:50px !important; 
}

.pabo70 {
padding-bottom:70px !important; 
}

.pabo100 {
padding-bottom:100px !important; 
}


/* ----------------------------------------- */
/* ------------- DIANA-ARTS -------------  */
/* ----------------------------------------- */


.artcomh2 {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 200 !important;
  text-transform: none !important;
  font-size: 50px !important;
  line-height: 50px !important;
  color:#000000 !important;
}

.artcomh3 {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 200 !important;
  text-transform: none !important;
  font-size: 24px !important;
  line-height: 34px !important;
  color:#000000 !important;
}

.artcomh3 {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 200 !important;
  text-transform: none !important;
  font-size: 24px !important;
  line-height: 34px !important;
  color:#000000 !important;
}

.artcomh4 {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 200 !important;
  text-transform: none !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color:#000000 !important;
}

.artcomh5 {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 900 !important;
  text-transform: none !important;
  font-size: 16px !important;
  line-height: 26px !important;
  color:#000000 !important;
}

@media (max-width: 1024px) {
  .artcomh2 {
    font-size: 30px !important;
    line-height: 30px !important;
  }
}

@media (max-width: 767px) {
  .artcomh2 {
    font-size: 30px !important;
    line-height: 30px !important;
  }
}



/* ----------------------------------------- */
/* ------------- PÀGINA VELLA -------------  */
/* ----------------------------------------- */

/* MENÚ */

#branding {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* FORÇAR LA BARRA LATERAL PER A QUE ABAIXE UN POC */

.sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content {
    padding-top: 70px !important;
}

/* FORÇAR EL CONTINGUT D'ENTRADES I PROJECTES PER A QUE ABAIXEN UN POC */

.single .content > .post, .single .content > .project-post {
    margin-bottom: 50px;
    margin-top: 50px;
}

/* TITOL EN MÓBIL */

.page-title.page-title-responsive-enabled .wf-wrap {
    text-align: left;
}

/* FILTRES PORTFOLI */

filter a, .filter a *, .filter .customSelect {
    color: #c6c6c6 !important;
}

/* AMAGAR RECAPTCHA DE GOOGLE */

.grecaptcha-badge { visibility: hidden; 
}

/* TEXTOS */

p {
    line-height: 27px !important;
    margin-bottom: 20px !important;
}

.pjunt {
    line-height: 0px !important;
    margin-bottom: 0px !important;
}

a {
    text-decoration: none;
}

.dreta {
    text-align: right;
    padding-right: 25px;
}

/* RECTANGLE ATRIBUTS SECCIONS INFOGRAFS*/

.tabla-video {
border: 1px solid #dadade;
padding: 10px;
}

.rectangleinfografs {
    border: 1px dashed #3d3d3d;
    background:#eeeeee;
    padding:25px; 
    border-radius: 12px;
    color:#3d3d3d; 
    font-size:18px; 
    line-height: 28px;
}

.rectangleinfografs2 {
    border: 2px dashed #2984a6;
    background:#2984a6;
    padding:25px; 
    border-radius: 12px; 
    color:#ffffff; 
    font-size:18px; 
    line-height: 28px;
}

.rectangleinfografs3 {
    background:#222222;
    color:#ffffff; 
}

.rectangleinfografs4 {
    background:#7d7d7d;
    color:#ffffff; 
}

.rectangleinfografs5 {
    background:#bdbdbd;
}



/* ----------------------------------------- */
/* ------------- PÀGINA INICI -------------  */
/* ----------------------------------------- */

.text-proleg {
    font: 18px / 22px "Roboto", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
    word-spacing: -0.05em !important;
    font-weight: 700 !important;
    text-align: left !important;
    color: #565656 !important;   
    margin-bottom: 7px !important;
}

.linia-proleg0 {
    margin-bottom:30px !important;
    height:2px !important;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.linia-proleg1 {
    border-style: solid !important;
    color: #2984a6 !important;
    border-bottom-width: 2px !important;
    width: 70px !important;
    float: left !important;
    display: block;
    max-width: 100%;   
}

.text-titol {
    font: 30px / 38px "Roboto", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    text-align: left !important;
    color: #565656 !important;
    margin-bottom: 10px !important;
}

.text-descripcio {
    font: normal 16px / 30px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    font-weight: 500; 
    text-align: left;
    color: #777777;
    margin-bottom: 5px;
    text-transform: none;
    margin-bottom: 20px !important;
}

.text-proleg-blanc {
    font: 18px / 22px "Roboto", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
    word-spacing: -0.05em !important;
    font-weight: 700 !important;
    text-align: left !important;
    color: #ffffff !important;
    margin-bottom: 7px !important;

}

.linia-proleg1-blanc {
    border-style: solid !important;
    color: #239ecc !important;
    border-bottom-width: 2px !important;
    width: 70px !important;
    float: left !important;
    display: block;
    max-width: 100%;   
}

.text-titol-blanc {
    font: 30px / 38px "Roboto", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    text-align: left !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
}

.text-descripcio-blanc {
    font: normal 16px / 30px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    font-weight: 500; 
    text-align: left;
    color: #9aa0a7;
    margin-bottom: 5px;
    text-transform: none;
    margin-bottom: 20px !important;
}

.inici-borde-h1 {
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    padding-top: 60px !important;
    padding-right: 50px !important;
    padding-bottom: 60px !important;
    padding-left: 50px !important;
    border-right-color: rgba(170,170,170,0.3) !important;
    border-right-style: solid !important;
    border-bottom-color: rgba(170,170,170,0.3) !important;
    border-bottom-style: solid !important;
}

.inici-borde-marcs {
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    padding-top: 70px !important;
    padding-right: 50px !important;
    padding-bottom: 30px !important;
    padding-left: 50px !important;
    border-right-color: rgba(170,170,170,0.3) !important;
    border-right-style: solid !important;
    border-bottom-color: rgba(170,170,170,0.3) !important;
    border-bottom-style: solid !important;
}

.inici-rectangle-gris {
    padding-top: 50px !important;
    padding-right: 50px !important;
    padding-bottom: 30px !important;
    padding-left: 50px !important;
    background-color: #23262d !important;
}

.inici-3-parts0 {
    margin-right: -25px !important;
    margin-left: -25px !important;
}

.inici-3-parts1 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 25px !important;
    padding-bottom: 30px !important;
    padding-left: 25px !important;
}

.inici-logos0 {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: -25px !important;
}

.inici-logos1 {
    padding-right: 25px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

.inici-logos-imatge {
    margin-right: -20px !important;
    margin-left: -20px !important;
}

.text-1-parallax {
    font: normal 300 50px / 60px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #39c9ff !important;
}

.text-2-parallax {
    font: normal 500 40px / 50px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 50px;
    color: #ffffff !important;
}

.text-1-parallax-mobil {
    font: normal 300 40px / 50px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #39c9ff !important;
}

.text-2-parallax-mobil {
    font: normal 500 30px / 40px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 50px;
    color: #ffffff !important;
}