/*
Theme Name: La Dada
Theme URI: https://reactivaweb.com
Author: Reactiva
Author URI: https://reactivaweb.com
Version: 0.1
*/

/** Estils generals **/
body { 
	padding-top: 0px;
	font-family: 'TitilliumWebRegular';
    line-height: 36px;
}
/** FI Estils generals **/


/** Estils NAV **/
nav {
	position: relative!important;
	z-index: 99;
}
nav.nav-home {
	position: absolute!important;
	border:none;
	background: none;
	padding: 30px 0;
}
nav.nav-home.nohome-nav::after {
	content:'';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	transform: translate3d(0, 0px, 0px);
	-webkit-transform:translate3d(0, 0px, 0px);
	-webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}
nav.nav-home.nohome-nav.is-active::after {
	transform: translate3d(-100%, 0px, 0px);
	-webkit-transform:translate3d(-100%, 0px, 0px);
}
nav.nav-home.nohome-nav {
	padding: 10px 0;
}
.navbar-brand {
	height: 80px!important;
}



.hamburger{
	position:absolute;
  	background-color:transparent;
	right: 0px;
    top: 15px;
    background: none;
    padding: 10px 10px 5px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	z-index:1002;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.hamburger.is-active{
  	background-color:none;
}
.nav-home ._layer {
	background:#fff;
}
._layer{
	margin-bottom:6px;
	border-radius:2px;
	width:28px;
	height:2px;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
}
.hamburger:hover .-top{
	-webkit-transform:translateY(-150%);
	-ms-transform:translateY(-150%);
	transform:translateY(-150%);
}
.hamburger:hover .-bottom{
	-webkit-transform:translateY(150%);
	-ms-transform:translateY(150%);
	transform:translateY(150%);
	}
.hamburger.is-active .-top{
	-webkit-transform:translateY(400%) rotate(45deg) !important;
	-ms-transform:translateY(400%) rotate(45deg) !important;
	transform:translateY(400%) rotate(45deg) !important;
}
.hamburger.is-active .-mid{
	opacity:0;
}
.hamburger.is-active .-bottom{
	-webkit-transform:translateY(-400%) rotate(135deg) !important;
	-ms-transform:translateY(-400%) rotate(135deg) !important;
	transform:translateY(-400%) rotate(135deg) !important;
}

.content-menu {
	height: 100vh;
	width: 100%;
	position: fixed;
	background: url('./assets/images/background-menu.jpg') center center no-repeat;
	background-size: cover!important;
    z-index: 9;
    transform: translate3d(100%, 0px, 0px);
	-webkit-transform:translate3d(100%, 0px, 0px);
	-webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}
.content-menu.is-active {
	transform: translate3d(0, 0, 0px);
}
.content-menu .div-menu {
    position: absolute;
    top: 21%;
    text-align: center;
    width: 100%;
}
#menu-menu-principal {
    padding-bottom: 40px;
    margin-bottom: 40px;
}
#menu-menu-principal::after {
	content: '';
    position: relative;
    width: 0;
    left: 50%;
    height: 1px;
    background: #fff;
    top: 40px;
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}
#menu-menu-principal.is-active::after {
	width: 100%;
	left: 0;
}
#menu-menu-principal li {
	width: 25%;
	float: left;
	text-align: center;
}
#menu-menu-principal li a {
    font-size: 26px;
    color: #fff;
    line-height: 35px;
}
#menu-menu-principal li a:hover {
	color: #2453c6;
}
.correo-menu-bottom {
	margin-bottom: 20px;
}
.correo-menu-bottom a {
	font-size: 18px;
	color: #fff;
}
.social-menu-content a {
	color: #fff;
    font-size: 30px;
    margin: 0 10px;
}
.correo-menu-bottom a:hover, .social-menu-content a:hover {
	text-decoration: none;
	color: #a0a0a0;
}
/** Estils NAV **/


/** Estils Home **/
.hero {
	background: url('./assets/images/hero-ladada.jpg') center center no-repeat;
	background-size: cover!important;
	padding: 250px 0;
	color: #fff;
	margin-bottom: 0;
}
.hero h1 {
	font-size: 75px;
	font-family: 'TitilliumWebBold';
    margin-top: 0;
}
.hero p {
	font-family: 'TitilliumWebLight';
	font-size: 24px;
}
.intro-web {
	margin-bottom: 100px;
    text-align: center;
    background: #f6f6f6;
    padding: 80px 0;
}
.intro-web p {
	font-size: 24px;
}
.intro-web p strong {
	font-family: 'TitilliumWebBold';
}
.content-list-posts-home {
	padding-bottom: 100px;
	line-height: 30px;
}
.content-list-posts-home h2 {
	font-size: 30px;
	font-family: 'TitilliumWebBold';
	margin-top: 0;
	margin-bottom: 25px;
}
.content-list-posts-home article {
	margin-bottom: 50px;
	/*min-height: 770px;*/
	min-height: 790px;
}
.content-list-posts-home article h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.entradeta-list-post, .autor-list-post {
	font-size: 	18px;
	line-height: 30px;
}
.boton-todos {
	margin-top: 20px;
}
.btn-ladada {
	color: #324b9d;
	border: 1px solid #324b9d;
	padding: 25px 80px;
	font-size: 20px;
	display: inline-block;
}
.btn-ladada:hover {
	background: #324b9d;
	color: #fff;
	text-decoration: none;
}
.btn-ladada-invertit {
	color: #324b9d;
	border: 1px solid #fff;
	background: #fff;
	/*padding: 15px 60px;*/
	padding: 11px 40px;
	font-size: 18px;
	font-family: 'TitilliumWebBold';
	display: inline-block;
}

.btn-ladada-invertit:hover {
	background: #324b9d;
	color: #fff;
	text-decoration: none;
}
.manual-estils {
	background: url('./assets/images/background-manual.jpg') center center no-repeat;
	background-size: cover!important;
	padding: 150px 0;
	color: #fff;
}
.text-manual-estils {
	background: url('./assets/images/icon-descarga.png') left center no-repeat;
	padding-left: 100px;
	background-size: auto;
}
.text-manual-estils h2 {
	font-family: 'TitilliumWebBold';
    margin-bottom: 0px;
    font-size: 38px;
    margin-top: 10px;
}
.text-manual-estils p {
	font-size: 20px;
}
.btn-manual-estils {
	text-align: right;
    margin-top: 15px;
}
.destacado-editorial {
	margin-bottom: 100px;
}
.destacado-editorial h2 {
	font-size: 30px;
	margin-top: 0;
}
.destacado-editorial .tit-list-post a {
	font-size: 30px;
}
.destacado-editorial .categoria-etiquetas {
	margin-left: -5px;
}
.destacado-editorial .categoria-etiquetas .enlaces-editorial-home a {
    margin-left: 5px;
}
.destacado-editorial .autor-list-post {
	margin-bottom: 10px;
	font-size: 18px;
}
.destacado-editorial .autor-list-post span {
    font-family: 'TitilliumWebBold';
}
.destacado-editorial h3 {
    margin-top: 0;
}
.destacado-editorial .tit-list-post h3 a {
	color: #3e3f40;
    font-family: 'TitilliumWebBold';
    margin-top: 0;
    font-size: 23px;
}
.enlaces-editorial-home {
	margin-left: 0!important;
}
.div-img-editorial img {
	width: 100%;
}
.consells-redaccio {
	padding: 100px 0;
	background: #e5e9f9;
}
.consells-redaccio h2 {
    font-size: 30px;
    font-family: 'TitilliumWebBold';
    margin-top: 0;
    margin-bottom: 25px;
}
.consells-redaccio ul {
	padding-left: 20px;
	color: #2453c6;
}
.consells-redaccio ul li {
	width: 50%;
	float: left;
	line-height: 24px;
}
.consells-redaccio ul li p {
	color: #3e3f40;
}
/** FI Estils Home **/


/** Estils List posts blog **/
.cabecera-archive {
	margin-bottom: 80px!important;
}
.cabecera-archive+.container article {
	margin-bottom: 70px;
	min-height: 770px;
	line-height: 30px;
}
.img-post-list img {
	width: 100%!important;
	height: auto!important;
}
.tit-list-post a {
	color: #3e3f40;
	font-family: 'TitilliumWebBold';
	font-size: 24px;
}
.tit-list-post a:hover {
	text-decoration: none;
	color: #2453c6;
}
.autor-list-post {
	font-family: 'TitilliumWebLight';
	color: #3e3f40;
    margin-bottom: 20px;
}
/** FI Estils List posts blog **/


/** Estils post blog **/
.cabecera-post {
	background: url('./assets/images/header-post.jpg') center center no-repeat;
	background-size: cover!important;
	padding: 201px 0 100px;
	color: #fff;
	margin-bottom: 40px;
}
.cabecera-post h1 {
	font-size: 35px;
	font-family: 'TitilliumWebBold';
	margin-top: 0;
}
.cabecera-post .subtit-cabecera-post {
	font-size: 28px;
}
.categoria-etiquetas {
	margin-bottom: 20px;
}
.enlace-categoria {
	font-family: 'TitilliumWebBold';
	font-size: 14px;
	border:1px solid #2453c6;
	color: #2453c6;
	border-radius: 3px;
	padding: 2px 15px;
}
.enlace-categoria:hover {
	background: #2453c6;
	color: #fff;
	text-decoration: none;
}
.etiquetas-post {
    display: inline-block;
    margin-left: 10px;
    color: #2453c6;
    font-family: 'TitilliumWebBold';
}
.etiquetas-post a {
	margin-right: 5px;
	font-family: 'TitilliumWebBold';
	color: #2453c6;
	font-size: 16px;
}
.etiquetas-post a:hover {
	text-decoration: none;
}
.content-post {
	padding-bottom: 100px;
}
.content-post .entradeta {
	font-size: 22px;
	font-family: 'TitilliumWebSemiBold';
	margin-bottom: 40px;
}
.post__content {
	font-size: 18px;
}
.post__content p {
	margin-bottom: 25px;
    word-wrap: break-word;
}
.post__content div {
	margin: 50px 0;
}
.post__content div, .post__content div img, .post__content img {
	width: 100%!important;
	height: auto!important;
}
.post__content div img+p {
	text-align: right!important;
}
/** FI Estils post blog **/



/** Estils pàgina politiques **/
.content-politicas {
	margin-bottom: 100px;
}
/** FI Estils pàgina polítiques **/


/** Estils comentaris **/
.comentarios h3 {
	margin-top: 0;
}
.comentarios h3#comments {
	margin-bottom: 20px;
}
ol.commentlist {
    list-style-type: disc;
    color: #2453c6;
    margin-bottom: 50px;
}
ol.commentlist li {
	color: #333;
}
.comentarios .comment-form-comment.col-xs-12 {
	padding: 0;
}
.comentarios .comment-form-author.col-xs-12 {
	padding-left: 0;
}
.comentarios .comment-form-email.col-xs-12 {
	padding-right: 0;
}
.comentarios .comment-form-comment textarea, .comentarios .comment-form-author input, .comentarios .comment-form-email input, .comentarios .comment-form-url input {
	width: 100%;
	padding: 5px 10px;
}
.comentarios .form-submit {
	display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.comentarios .form-submit input {
    background: #193cb0;
    border: none;
    color: #fff;
    padding: 10px 50px;
}
.comentarios .form-submit input:hover {
	background: #0c2a75;
	color: #fff;
}
/** FI Estils comentaris **/



/** Estils Footer **/
footer {
	border-bottom: 30px solid #fff;
}
.div-patrocina {
	padding: 80px 0;
	background: #f6f6f6;
}
.div-patrocina h3 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 60px;
	margin-top: 0;
}
.div-patrocina ul {
	list-style: none;
	padding-left: 0;
}
.div-patrocina ul li {
	width: 20%;
	float: left;
}
.div-patrocina ul li a img {
	width: 100%;
    padding: 0 25px;
}
.div-logo-social {
	padding: 60px 0;
	border-top: 1px solid #d1d1d1
}
.logo-footer-content img {
	width: 100%;
}
.social-footer-content {
	text-align: right;
}
.social-footer-content a {
	color: #5d5d5d;
    font-size: 30px;
    margin-left: 30px;
}
.social-footer-content a:hover {
	color: #2453c6;
}
.div-copy {
	background: #f6f6f6;
	padding: 15px 0;
	border-bottom: 50px solid #193cb0;
}
.copy-content {
	text-align: right;
	color: #2453c6;
}
.copy-content a {
	font-family: 'TitilliumWebBold';
	color: #2453c6;
	margin-left: 10px;
}

/** FI Estils Footer **/



/** Estils Responsive **/
@media (max-width: 991px) {
	.container {
		width: 100%;
	}

}

@media (max-width: 768px) {
	#menu-menu-principal li a {
		font-size: 23px;
	}
	.comentarios .comment-form-author.col-xs-12, .comentarios .comment-form-email.col-xs-12 {
		padding: 0;
	}
	.comentarios .comment-form-author {
		margin-bottom: 20px;
	}
}

@media (max-width: 600px) {
	.content-menu .div-menu {
	    top: 110px;
	}
	#menu-menu-principal li {
		width: 50%;
	}
}

@media (max-width: 540px) {
	
}

@media (max-width: 480px) {
	.navbar-inverse .navbar-brand {
	    padding: 0;
	}
	.navbar-brand>img {
	    width: 200px;
	    margin-top: 16px;
	}
}
/** FI Estils Responsive **/



/** Fonts La Dada **/
@font-face {
    font-family: 'TitilliumWebBold';
    src: url('./assets/fonts/TitilliumWebBold.eot');
    src: url('./assets/fonts/TitilliumWebBold.eot') format('embedded-opentype'),
         url('./assets/fonts/TitilliumWebBold.woff2') format('woff2'),
         url('./assets/fonts/TitilliumWebBold.woff') format('woff'),
         url('./assets/fonts/TitilliumWebBold.ttf') format('truetype'),
         url('./assets/fonts/TitilliumWebBold.svg#TitilliumWebBold') format('svg');
}

@font-face {
    font-family: 'TitilliumWebLight';
    src: url('./assets/fonts/TitilliumWebLight.eot');
    src: url('./assets/fonts/TitilliumWebLight.eot') format('embedded-opentype'),
         url('./assets/fonts/TitilliumWebLight.woff2') format('woff2'),
         url('./assets/fonts/TitilliumWebLight.woff') format('woff'),
         url('./assets/fonts/TitilliumWebLight.ttf') format('truetype'),
         url('./assets/fonts/TitilliumWebLight.svg#TitilliumWebLight') format('svg');
}

@font-face {
    font-family: 'TitilliumWebRegular';
    src: url('./assets/fonts/TitilliumWebRegular.eot');
    src: url('./assets/fonts/TitilliumWebRegular.eot') format('embedded-opentype'),
         url('./assets/fonts/TitilliumWebRegular.woff2') format('woff2'),
         url('./assets/fonts/TitilliumWebRegular.woff') format('woff'),
         url('./assets/fonts/TitilliumWebRegular.ttf') format('truetype'),
         url('./assets/fonts/TitilliumWebRegular.svg#TitilliumWebRegular') format('svg');
}

@font-face {
    font-family: 'TitilliumWebSemiBold';
    src: url('./assets/fonts/TitilliumWebSemiBold.eot');
    src: url('./assets/fonts/TitilliumWebSemiBold.eot') format('embedded-opentype'),
         url('./assets/fonts/TitilliumWebSemiBold.woff2') format('woff2'),
         url('./assets/fonts/TitilliumWebSemiBold.woff') format('woff'),
         url('./assets/fonts/TitilliumWebSemiBold.ttf') format('truetype'),
         url('./assets/fonts/TitilliumWebSemiBold.svg#TitilliumWebSemiBold') format('svg');
}

@media (min-width: 1200px) {
	.cta1Jes {
		margin-right: 10px;
	}
}

@media (max-width: 1200px) {
	.btn-ladada-invertit {
		width: 220px;
		padding: 10px;
		margin-top: 5px;
		text-align: center;
	}
}


@media (max-width: 600px) {
	.btn-ladada-invertit {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}

}

/* Estils buscador */
.buscador {
	position: absolute;
    right: 60px;
    top: 16px;
    color: #fff;
}
.buscador .search-field {
	display: none;
	color: #000;
}
.buscador .search-field.mostrar {
	display: inline-block;
}
.buscador .search-submit {
	color: #fff;
    background: none;
    border: none;
    font-size: 20px;
}

/* Search */
@media (min-width: 601px) {
	.item-list-cerca {
		/*height: 645px !important;*/
		min-height: auto !important;
		margin-bottom: 30px !important;
	}
}

@media (max-width: 600px) { 
	.item-list-cerca {
		min-height: auto !important;
		margin-bottom: 0px;
	}
}

@media (max-width: 768px) { 
	.content-list-posts-home article {
		margin-bottom: 30px;
		min-height: auto !important;
	}
}

body.search div.post__content a {
	display: block;
	text-align: right;
	color: #2453c6;
	font-weight: bold;
}