/*
Theme Name: Valverde2014
Template: twentyfourteen
Author: Raul
Version: 1.0
Updated: 2014-05-31 
*/

@charset "UTF-8";
@import url('../twentyfourteen/style.css');


/* NEW EDITS BY RAUL */

/** 1.0 Reset 
 * -----------------------------------------------------------------------------
 */

/** We use fourteen extended plugin to set CSS for the childe theme. Edit via appearance in the dashboard.
 *  Additional edits below
*/

/* Text */
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}
/* Links */
a {
	color: #0000BF;
	text-decoration: underline;
}

/* Hover and active links */
a:active,
a:hover {
	color: #0000BF;
	text-decoration: none;
}

/* margins and sizes for headers */
h1,h2,h3,h4,h5,h6 { margin: 12px 0;}

h1 {
	font-size: 16px;
	line-height: 1.5;
}

h2 {
	font-size: 16px;
	line-height: 1.5;
}

h3 {
	font-size: 16px;
	line-height: 1.5;
}

h4 {
	font-size: 14px;
	line-height: 1.5;
}

h5 {
	font-size: 14px;
	line-height: 1.5;
}

h6 {
	font-size: 14px;
	line-height: 1.5;
}


/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #0000BF;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #0000BF;
	color: #fff;
	text-shadow: none;
}

/** 4.0 Header
 * -----------------------------------------------------------------------------
 */
/* HIDE Search in the header */
.search-toggle {display: none;}

/* Menu background color */
.site-header { 
  	background-color: #fff;
	}

/* Title of site */
.site-title {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 45px;
	margin: 0;
}

/* Title of site */
.site-title a, .site-title a:hover { 
	color: #000;
}


/** 5.0 Navigation 
 * -----------------------------------------------------------------------------
 */

.header-main {
	padding: 0 22px; !important
}

/* Menu text */
.site-navigation a { 
	color: #000; 
	text-transform: none; 
} 

/* Menu current element */
.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
    color: #0000BF;
    font-weight: bold;
}

/* Menu over */
.site-navigation a:hover { 
	color: #0000BF; 
}

/* Menu over */
.primary-navigation li:hover > a, .primary-navigation li.focus > a {
    background-color: #fff;
    color: #0000BF;
}

/* Menu font size */
.primary-navigation {
	font-size: 14px;
}

/* Spacing menu elements */
.primary-navigation a {
	padding: 0 7px;
}


/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

/* hide featured image*/
.post-thumbnail {
	display: none;
	margin: 50px 0;
}


/* spacing content*/
.content-area {
	padding-top: 15px;
}

/* content*/
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 100%;
}


/* hide details of publication of posts */
.site-content .entry-meta
 {
	display:none
}

/* Max width content for full text pages such as bio, uses template content-text.php */ 	
.entry-content-text p {
	max-width: 550px;
	margin: 0 auto 18px auto;
}


/* adjust spacing to show text on post details without featured image such as publications */ 	
#without-featured-image {
	margin: 100px auto 0 auto;
}

/* Max width content for text in publications*/ 	
.entry-content-publication, .entry-content-project, .entry-content-news  {
	max-width: 960px;
}

.entry-content-publication p, .entry-content-project p,  .entry-content-news p {
	margin: 0 auto 18px auto;
	max-width: 520px;	
}

.entry-content-news-image {
	margin: 0 auto;
    width: 50%;
  	padding: 0;
}

.entry-content-news-caption {
	font-size: 85%;
	padding: 6px 0 17px 0;
	text-align: center;
}


/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */


.post-thumbnail img {
	height: auto;
    width: 900px;
}

	    

/** 6.14 Comments 
 * -----------------------------------------------------------------------------
 */

/* Hide comments */ 

.comments-area {
	display:none;
}


/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */
/* Title of post for projects and other list of categories */ 
.entry-title {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-transform: none;
	text-align: left;
}

/* Title of post for full text pages such as bio */ 
.entry-title-text, .entry-title-project {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 18px 0;
	padding: 0 0 6px 0;
	text-transform: none;
	text-align: center;
	border-bottom: 1px solid #aaa;
    color: #000;
}

/* Title of post for full text pages such as bio */ 
.entry-title-project {
	font-style: italic;
}
	
.entry-title a {
	color: #333;
}

.entry-title a:hover {
	color: #0000BF;
}

.site-content .has-post-thumbnail .entry-header {
	background-color: #fff;
	padding: 130px 0 0 0; !important
	margin: 0 auto;

}



/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

/* Layout gallery */ 


.gallery {
	margin-bottom: 40px;
}

.gallery-caption {
  	display: none;
}

.gallery-item {
	float: left;
	margin: 0 14px 21px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 14px);
	max-width:         calc(50% - 14px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 14px);
	max-width:         calc(33.3% - 14px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 14px);
	max-width:         calc(25% - 14px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 14px);
	max-width:         calc(20% - 14px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 14px);
	max-width:         calc(16.7% - 14px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 14px);
	max-width:         calc(14.28% - 14px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 14px);
	max-width:         calc(12.5% - 14px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 14px);
	max-width:         calc(11.1% - 14px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}


/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
/* Navigation on post detail page */ 


.navigation .post-navigation {
	display:none; !important
	margin: 0; !important
	max-width: 100%;
	padding: 0 ;
    position: relative;
	background-color: #FF5; 
}


.nav-links {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	border-top: 0px solid rgba(0, 0, 0, 0.1);
	hyphens:         auto;
	word-wrap: break-word;
	width: 100%;	
	
}
  
.post-navigation,
.image-navigation {
	display:none; !important
	margin: 0; !important
	max-width: 30%;
	padding: 0 ;
  	float: left;
    position: relative;
}

.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
	padding: 11px 0 12px;
	width: 100%;
}

.post-navigation .meta-nav {
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 2;
	text-transform: normal;
}

.post-navigation a,
.image-navigation a {
	color: #666;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.7142857142;
	text-transform: none;
}

.post-navigation a:hover,
.image-navigation a:hover {
	color: #0000bf;
}
  
  
  
/* Paging Navigation */

.paging-navigation {
	border-top: 0px solid #ddd;
	margin: 0 20px;
}

.paging-navigation .loop-pagination {
	margin-top: -5px;
	text-align: left;
}

.paging-navigation .page-numbers {
	border-top: 0px solid transparent;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin-right: 1px;
	padding: 0 6px;
	text-transform: none;
}

.paging-navigation a {
	color: #999;
}

.paging-navigation .page-numbers.current {
	border-top: 0px solid #ccc;
}

.paging-navigation a:hover {
	border-top: 0px solid #0000ff;
	color: #000;
}



/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */
/* Placement of the category text */
.archive-header,
.page-header {
  	display: none;
	margin: 0 0 12px 0;
	max-width: 100%;
}

/* Style of the category text */
.archive-title,
.page-title {
	font-size: 10px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	color: #999;
}



/** 8.0 Footer 
 * -----------------------------------------------------------------------------
 */

/* Footer text */
.site-footer,
.site-info,
.site-info a {
	color: #000;
}

/* Footer  */ 
.site-footer {
	background-color: #fff;
	font-size: 11px;
}


/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */



@media screen and (max-width: 400px) {

/* reduce space and hide line between posts*/
	.list-view .site-content .hentry {
		border-bottom: 0 solid rgba(0, 0, 0, 0.1);
		margin: 0;
		min-height: 60px;
		padding: 6px 0 9px;
	}
}


@media screen and (min-width: 401px) {
  
  	  /* reduce space and hide line between posts*/
	.list-view .site-content .hentry {
		border-top: 0 solid rgba(0, 0, 0, 0.1);
		padding: 0;
		margin: 0 0 12px 0;
	}	  
}
 

@media screen and (min-width: 1008px) {
	
     /* make sidebar white*/	
	.site:before {
		background-color: #fff;

	}



/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
	
    	  /* reduce space and hide line between posts*/
	.list-view .site-content .hentry {
		border-bottom: 0px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 12;
		padding-bottom: 12px;
	}
}



/**
 * FOR PLUGINS
 * -----------------------------------------------------------------------------
 * -----------------------------------------------------------------------------
 */

 /* grid of featured image thumbnails, with Shortcode Ultimate */


.su-custom-gallery-slide {
	margin: 0.5em 0.5em 1.7em 0.5em ;

}

.su-custom-gallery-slide img {
	border: 0 solid #ccc;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0px;
}

.su-custom-gallery-slide:hover img {
		background: #fff;
	border: 0 solid #ccc;
}

.su-custom-gallery-slide span {

	left: 0;
	bottom: 0;
	right: 0;
	padding: 6px 8px;
}

 /* News list, php located in themes/rvalverde/page-template/list-news.php */

.listnews  {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.newspost {
	width: 48%;
	float: left;
	margin: 0 1% 30px 0;
	height: 120px;
}

.newsthumb {
	width: 38%;
  	height: auto;
    float: left;
  	margin: 0 3% 0 0;
}

.newsthumb img{
	width: 90%;
	height: auto;
}

.newstext {
	width: 58%;
  	height: auto;
    float: left;
}
	
.newstitle {
	font-weight: bold;
	color: #333;
  
}


/** Infinite scroll
 *
*/
  
#infscr-loading {
  margin: 0 auto;
  width: 50%;
	
}
  
  

/** For Gallery Carousel without Jetpack, which actually doesn't work from this CSS 
 *  but is useful as references for future updates of the plugin
 *
*/

/** short bottom fadeaway **/
div.jp-carousel-fadeaway {
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	position: fixed;
	bottom: 0;
	z-index: 2147483647;
	width: 100%;
	height: 5px;
}

  
/** remove image border **/
  .jp-carousel-slide {
	position:fixed;
	width:0;
	bottom:0;
	background-color:#000;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
}
  
/** set height to 97% and hide shadow border **/  
  .jp-carousel-slide img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 97% !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 0 rgba(0,0,0,0.1);
	zoom: 1;
}
  
  

/** Remove top border, set font, move it up **/

.jp-carousel-titleanddesc {
	border-top: 0px solid #222;
	color: #333;
	font-size: 11px; !important
	padding-top: 0;  !important
	margin-bottom: 0;  !important
	font-weight: normal;  !important
}

.jp-carousel-titleanddesc-title {
	font: normal 11px/1.5 helvetica, sans-serif !important;
	text-transform: none !important; /* prevents uppercase from leaking through */
	color: #333;
	margin: -38px 0 0 0;  !important
	padding:0;
}

.jp-carousel-titleanddesc-desc p {
	color: #999;
	line-height:1.4;
	margin-bottom: 0.75em;
    max-width: 100%; !important
}


/** move info up **/
.jp-carousel-info {
	position: absolute;
	margin: 0;
	text-align: left !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
}


/** Hide photo-info **/
.jp-carousel-photo-info {
	display: none !important;
}


/** Hide carousel h2 **/
  .jp-carousel-info h2 {
	display: none !important;
}


/** Hide Comments **/
.jp-carousel-comments {
	display: none; !important
}

/** Hide Meta Box **/
.jp-carousel-image-meta {
	display: none; !important
}



/* ----- Light variant ----- */

/** Remove top border **/
.jp-carousel-light .jp-carousel-titleanddesc {
	border-top: 0px solid #eee;
}


.jp-carousel-light textarea#jp-carousel-comment-form-comment-field {
  	display: none;
}

.jp-carousel-light div#carousel-reblog-box {
	display: none;
}


.jp-carousel-light .jp-carousel-fadeaway {
	background: -moz-linear-gradient(bottom, rgba(255,255,255,0.75), rgba(255,255,255,0));
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
}

/* MASONRY */

.gallery-project-item .masonry-brick {
  width: 24.8%;
  margin-right: 0.2%;
  margin-bottom: 0.2%;
}