/*
Theme Name: Collective Child
Theme URI:  http://collective.stonedthemes.com/
Description: A child theme of Collective Theme
Author: StonedThemes
Author URI: http://stonedthemes.com/
Version: 1.0
Template: collective
*/
@import url("../collective/style.css");

@font-face {
  font-family: 'Fanwood Text';
  src: local('Fanwood Text'),
       url(webfonts/fanwood_text-webfont.woff) format('woff'),
       url(webfonts/fanwood_text-webfont.ttf) format('truetype'),
       url(webfonts/fanwood_text-webfont.eot) format('embedded-opentype');    
}
@font-face {
  font-family: 'Fanwood Italic';
  src: local('Fanwood Italic'),
       url(webfonts/fanwood_text-italic-webfont.woff) format('woff'),
       url(webfonts/fanwood_text-italic-webfont.ttf) format('truetype'),
       url(webfonts/fanwood_text-italic-webfont.eot) format('embedded-opentype');       
}
/*------------*/
body {color: #cccccc !important;font-family: Helvetica, Verdana, Arial, sans-serif !important; font-size:1.7em !important; }
p, span{line-height: 26px !important; }

a:link, a:visited, a { 
	/*color: #00a9c6; */
	  transition: all 0.3s ease-in-out 0.3s;
	  -webkit-transition: all 0.3s ease-in-out 0.3s;
	  -moz-transition: all 0.3s ease-in-out 0.3s;
}
a:hover { color: #aafdf6;
	  transition: all 0.3s ease-in-out 0.3s;
	  -webkit-transition: all 0.3s ease-in-out 0.3s;
	  -moz-transition: all 0.3s ease-in-out 0.3s; 
background: -webkit-linear-gradient(75deg, rgba(93,222,216,1) 11%, rgba(21,30,84,1) 32%, rgba(147,92,36,0.5) 65%, rgba(142,36,147,1) 90%);;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	-webkit-animation: LinkGradient 8s ease infinite;
	-moz-animation: LinkGradient 8s ease infinite;
	animation: LinkGradient 8s ease infinite;
	color: #fff;
	font-weight: 100;
}
@-webkit-keyframes LinkGradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@-moz-keyframes LinkGradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@keyframes LinkGradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
/*-----------------------------------*/

header {border-bottom: none !important;}
	  
#corral_head {margin: 100px 0 0 0; 	text-align: center;}
#corral_head h1 a {
	font-weight: 400;
	font-family: "Fanwood Text";
	line-height: 1.1;
	letter-spacing: -1px;
	font-size: 40px;
	font-weight: 900;
	margin: 0;
}
	
#corral_head h2 {
	font-weight: 300;
	font-family: "Fanwood Italic";
	line-height: 0.5
	letter-spacing: -0.2px;
	font-size: 2.6rem;
	text-transform: lowercase !important;
	font-style: italic !important;
	margin: 0;
	letter-spacing: 0.5em; 
	background: -webkit-linear-gradient(75deg, rgba(182,182,182,1) 0%, rgba(170,210,209,0.8) 36%, rgba(139,153,236,1) 49%, rgba(147,92,36,0.5) 64%, rgba(137,36,142,1) 83%, rgba(125,125,125,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 1500% 100%;
	-webkit-animation: LinkGradient 22s ease infinite;
	-moz-animation: LinkGradient 22s ease infinite;
	animation: LinkGradient 22s ease infinite;
	color: #fff;
}


.header-v1 .header-container .menu-container {width: 100% !important;}
.header-v1 .menu > li > a {line-height: 8em !important;}
.header-v1 ul.menu > li > a:hover {text-decoration: none;}
.header-v1 ul.menu > li > a::after {display: none;}

.shares-container {
	display: block !important;
	width: auto !important;
	padding: 0 !important;
	top: 5px;
	right: 34px;
	position: absolute;
}
.shares-container li.shares > a {display: none !important;}
.shares-container ul.list-unstyled li {display: block !important; opacity: 1;}
.logo-container {display: none !important;}

.unalinia {display: block;}
.doslinia {display: none;}	

.pfoot {color: #4e4e4e;}
.foot-credits {	background: #eee;text-align: center;font-size: 12px;padding-bottom: 20px;letter-spacing: 0.5em;color: #888;}
.foot-credits a {font-style: italic;letter-spacing: 0.3em;border-bottom: 4px solid #fff;padding-bottom: 4px;}


#loading-container .hide-loading { display: none !important;}
.single-portfolio-container .collective-title{color: #ff9933 !important;}
.single-blog-details .text-uppercase{color: #ff9933 !important;}
.blog-main-slider .overlay{ background: none !important;;}




/*----------------------------- menu selectiu -----------------------------*/
/*body.home #menu-item-4720 {display: none;}
body.page-id-2 #menu-item-2481 {display: none;}
body.page-id-74 #menu-item-4739 {display: none;}
body.category-media #menu-item-2602 {display: none;}
body.page-id-314 #menu-item-2479 {display: none;}*/
/*----------------------------- home portfolio -----------------------------*/
.portfolio-grid { background: #fff; padding: 50px 1%;}

.portfolio-item .overlay-container {
	opacity: 1 !important;
	
}
.vc_grid-filter.vc_grid-filter-center {	text-align: center;	max-width: 930px;margin: 60px auto;}

.portfolio-grid .vc_grid-item {overflow: hidden; height: calc(25vw + 40px); background: #fff;}
.portfolio-grid .vc_gitem-zone {background: transparent !important;}
.portfolio-grid .vc_gitem-animated-block .vc_gitem-zone {
	background-size: cover !important;
	background-position-y: center !important;
	background-position-x: center !important;
}
.portfolio-grid .vc_gitem-zone h4 {
	color: #6e6e6e;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0;
}
.portfolio-grid .vc_gitem-zone p {
	color: #6e6e6e;
	font-size: 12px;
	line-height: 1em !important;
	display: none;
}
.portfolio-grid .vc_btn3-container {display: none;}
.portfolio-items .overlay{
	background-color: rgba(0,0,0,0); 
}
/*----------------------------- bio -----------------------------*/
body.page-id-2 {color: #151515 !important; background: #fff !important;}
.page-id-2 .main {padding: 20px 0; border: none !important;max-width: 1300px; margin: 0 auto;}
.biobox {
	background: url("https://blog.albagcorral.com/wp-content/uploads/2017/11/Khristian-Arturo-Hernandez-Morales_pq.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	padding: 35px;
	background-position-y: center;
	background-position-x: center;
}

.biofotocredit { text-align: right; color: #151515; font-size: 10px; }
.bioeng p {
	font-family: "Fanwood Text";
	color: #446f81;
	font-size: 22px;
	line-height: 1.5em !important;
}
.bioesp p {font-family: "Fanwood Italic";	font-size: 18px;
	line-height: 1.5em !important; margin-bottom: 20px;}
.bioeng p a, .bioesp p a {text-decoration: underline;}

.biocontact { padding: 35px;}

.biocontact h4 {font-family: "Fanwood Italic";	text-transform: uppercase;	color: #446f81;	margin: 60px 0 0;}
.biocontact a {font-weight: 900; text-decoration: underline;}
.biocontact em {opacity: 0.6;font-size: 85%;padding: 0 3px;}
.biomovil {display: none;}

/*----------------------------- contact -----------------------------*/
#contact {	background: #fff;color: #151515;	padding: 0px 35px;}
#contact form {width: 100% !important; margin-top: 28px;}
#contact form p {width: 100% !important; font-family: "Fanwood Italic";	text-transform: uppercase;	color: #446f81;	margin: 18px 0 0;}
#contact form label {width: 100% !important;}
#contact form span {width: 100% !important;}
#contact form input,  #contact form textarea  {	width: 100% !important;	font-weight: 100;font-family: Helvetica, Verdana, Arial, sans-serif !important;padding: 5px 10px;}
#contact form input.wpcf7-mathcaptcha  {width: 80px !important;}
#contact form span.mathcaptcha-429 {width: 100% !important;display: block;margin-bottom: 30px;}
#contact form .wpcf7-submit {color: rgba(255, 255, 255, 0.7) !important;background: #446f81;font-size: 40px;letter-spacing: 0.5em;padding: 30px 30px 22px;border-radius: 10px;transition: all 0.9s ease-in-out 0.9s; -webkit-transition: all 0.9s ease-in-out 0.9s; -moz-transition: all 0.9s ease-in-out 0.9s;}
#contact form .wpcf7-submit:hover {background: -webkit-linear-gradient(75deg, rgba(93,222,216,1) 11%, rgba(21,30,84,1) 32%, rgba(147,92,36,0.5) 65%, rgba(142,36,147,1) 90%);	background-size: 1500% 100%;-webkit-animation: LinkGradient 12s ease infinite;-moz-animation: LinkGradient 12s ease infinite;animation: LinkGradient 12s ease infinite; transition: all 0.9s ease-in-out 0.9s;-webkit-transition: all 0.9s ease-in-out 0.9s;-moz-transition: all 0.9s ease-in-out 0.9s;}

/*----------------------------- press -----------------------------*/
body.category .container {width: 100% !important; padding: 0 35px 50px; background: #fff;}
body.category-media .blog-item-content {padding-right: 0;	border-right: 0;}
body.category-media .post-details {margin: 0 0 7px;}
body.category-media p {font-size: 12px;margin: 0;}
body.category-media h4 {font-size: 22px; margin: 0;}
body.category-media h4 a {font-size: 22px; margin: 0;
		background: -webkit-linear-gradient(75deg, rgba(182,182,182,1) 0%, rgba(170,210,209,0.8) 36%, rgba(139,153,236,1) 49%, rgba(147,92,36,0.5) 64%, rgba(137,36,142,1) 83%, rgba(125,125,125,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 1500% 100%;
	-webkit-animation: LinkGradient 22s ease infinite;
	-moz-animation: LinkGradient 22s ease infinite;
	animation: LinkGradient 22s ease infinite;
	color: #fff;
  transition: all 0.5s ease-in-out 0.4s;-webkit-transition: all 0.5s ease-in-out 0.4s;-moz-transition: all 0.5s ease-in-out 0.4s;
}
body.category-media h4 a:hover {text-decoration: none; letter-spacing: 0.15em;  transition: all 0.5s ease-in-out 0.4s;-webkit-transition: all 0.5s ease-in-out 0.4s;-moz-transition: all 0.5s ease-in-out 0.4s;}
body.category-media a p {	font-size: 14px;line-height: 1.2em !important;}

/*----------------------------- singlepost -----------------------------*/

.owl-container { 
		background: -webkit-linear-gradient(75deg, rgba(255,255,255,1) 0%, rgba(203,238,238,1) 36%, rgba(232,235,251,1) 49%, rgba(255,243,231,1) 64%, rgba(253,217,255,1) 89%, rgba(229,252,197,1) 100%);
	background-size: 2500% 1000%;
	-webkit-animation: LinkGradient 22s ease infinite;
	-moz-animation: LinkGradient 22s ease infinite;
	animation: LinkGradient 22s ease infinite;
	color: #fff;
	}
.owl-container .single-blog-post-media img {padding: 60px 2%;}
.owl-container .col-md-offset-2 {margin-left: 18%;}
.owl-container .col-md-offset-2 .single-blog-post-title {margin: 100px 0 20px;}
.owl-container .col-md-offset-2 .single-blog-post-title h3 {
	color: #000;
	font-family: "Fanwood Italic";
	font-weight: 900;
	text-transform: full-size-kana;
	font-style: italic;
	font-size: 50px;
}
.owl-container .blockquote2 {font-family: "Fanwood Italic";font-style: italic;text-align: center;width: 70%;margin: 80px auto;line-height: 2.5em;}
.quote-container {background-color: transparent;height: 100%;color: #151515;}

.single .comment-form {display: none;}


#pagination1 a {font-size: 40px;}

/*----------------------------- projects -----------------------------*/
body.page-id-74 {background: #fff !important;}
#exhibition .main {background: transparent !important;}
.pre-projecte {text-align: center; color: #151515;background: transparent !important; margin: 30px auto 100px;}
.pre-projecte h2 {font-family: "Fanwood Italic"; font-style: italic}
.pre-projecte h3 {font-size: 15px; margin-top: 0;}
.pre-projecte p {font-weight: 100; font-size: 12px;}
.pre-projecte .wpb_text_column { margin-bottom: 10px;}
.pre-projecte .royal-slider-container { overflow: hidden; max-height: 400px; opacity: 1 !important; margin-bottom: 30px;}
.royal-slider-slide {opacity: 1 !important;}
.royal-slider-slide .overlay, .royal-slider .animation-block {z-index: 52; background: transparent !important; opacity: 1 !important;
}
.wp-caption {background-color: transparent !important;	padding-top: 5px; padding-bottom: 20px;}
p.wp-caption-text {	margin-bottom: 0 !important;font-size: 12px;	padding: 1px 0 20px;}


/*----------------------------- citesguays -----------------------------*/
.citesguays {
	text-align: center;
	font-family: "Fanwood Italic";
	background: -webkit-linear-gradient(75deg, rgba(182,182,182,1) 0%, rgba(170,210,209,0.8) 36%, rgba(139,153,236,1) 49%, rgba(147,92,36,0.5) 64%, rgba(137,36,142,1) 83%, rgba(125,125,125,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 1500% 100%;
	-webkit-animation: LinkGradient 22s ease infinite;
	-moz-animation: LinkGradient 22s ease infinite;
	animation: LinkGradient 22s ease infinite;
	color: #fff;
	margin-bottom: 80px !important;
	display: block;
	margin-top: 40px;
}
.citesguays .wpb_wrapper {max-width: 900 px !important;}
.citesguays em {	font-size: 24px;	letter-spacing: 0.15em;	line-height: 1.8em;}

/*--------------------------------------------------------------------------*/
/*----------------------------- RESPONSIVE ---------------------------------*/
/*--------------------------------------------------------------------------*/
.responsive-header {background: #fff !important;}
.responsive-header #corral_head { margin: 0 ; padding: 30px 0 20px;}



@media(min-width: 1300px){
body.category .masonry-item.col-md-4 {width: 20%;}
}
@media(min-width: 1200px){
body.category .masonry-item.col-md-4 {width: 25%;}
}
/*--------------------*/
@media(max-width: 1024px){
#corral_head h2 {font-size: 3rem;}
header > div.responsive-header .responsive-menu {background-color: #d3d3d3 !important;}
header > div.responsive-header .responsive-menu ul.menu {border-bottom: none !important;padding-bottom: 32px !important;}
header > div.responsive-header .responsive-menu ul {background: #d3d3d3 !important;}
header > div.responsive-header .responsive-menu ul li a {
background: -webkit-linear-gradient(75deg, rgba(93,222,216,1) 12%, rgba(139,153,236,1) 30%, rgba(147,92,36,0.5) 55%, rgba(137,36,142,1) 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 400% 100%;
	-webkit-animation: LinkGradient 8s ease infinite;
	-moz-animation: LinkGradient 8s ease infinite;
	animation: LinkGradient 8s ease infinite;
	color: #fff;}
header > div.responsive-header .responsive-menu ul li a:hover {letter-spacing: 0.5em;} 
.page-id-2 .main {padding: 0; }
.biobox {background-position-y: top; background-size: auto 100%;}
#contact {	background: #d3d3d3;}
#contact .vc_col-sm-4, #contact .vc_col-sm-8 {width: 100% !important;}
#contact h4:first-child {margin-top: 0 !important;}
body.category .masonry-item.col-md-4 {width: 50%;}
body.category .container {padding-top: 40px ; background: #d3d3d3; }
body.category .container h4 {color: #fff;}
body.category .container h4 a {
	color: #fff;
	background-size: 1000% 100% !important;
	background: -webkit-linear-gradient(75deg, rgba(255,255,255,1) 0%, rgba(203,238,238,1) 36%, rgba(232,235,251,1) 49%, rgba(255,243,231,1) 55%, rgba(253,217,255,1) 70%, rgba(229,252,197,1) 100%);
		-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
		-webkit-animation: LinkGradient 16s ease infinite;
	-moz-animation: LinkGradient 16s ease infinite;
	animation: LinkGradient 16s ease infinite;
}
.owl-container {padding-top: 20px;} 


}
@media(max-width: 800px){
#corral_head h2 {font-size: 2.4rem; letter-spacing: 0.3em;}
.biobox {background: none !important;}
.biomovil {display: block; margin: 0 !important;}
.biocreditnomovil {display: none;}


}
@media only screen and ( max-width: 560px ) {
#corral_head h2 {font-size: 3rem;letter-spacing: 0.5em;	margin: 0 auto 20px;}
.unalinia {display: none;}
.doslinia {display: block; line-height: 0.85em;}
#contact {padding-top: 40px;}	
#contact .biocontact {padding: 0;}	
body.category .masonry-item.col-md-4 {width: 100%;}

}	
@media only screen and ( max-width: 480px ) {
#corral_head h1 a {	font-size: 50px;}
	
	
	
}










/*{font-stretch: 100%;
	font-size-adjust
}*/