/*
 Theme Name:     Porfolio
 Theme URI:      http://www.d-webstudio.net
 Description:    Porfolio Theme
 Author:         D Web Studio
 Author URI:     http://www.d-webstudio.net
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
@import url("fonts/font.css");
/*Google font */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700');
 


/* header */
#top-menu li {
 	text-transform: uppercase;
 	font-size: 15px;
	font-weight: 700; 	
}

.et_header_style_centered #top-menu > li > a { padding-bottom: 20px !important; }

/* Slide */
.slide-home h1 {
	font-size: 70px;
	line-height: 70px;
	text-shadow: 1px 1px 1px #000;
}
 
 /* Footer */
#footer-bottom { background-color: #001625 !important; color: #666 !important; }
#footer-dev { float: right; }
#footer-dev a { color: #999; }

 /* Resumen */ 
 .resumen {
 	background-image: url(images/bg-resumen.svg);
 	background-repeat: no-repeat;
 	background-position: left top;
 	background-size: 23px 423px; 
 	padding: 0 0 40px 50px;
}

.resumen-title h1 {
	font-size: 40px;
}



/* Titles */
.capis_title h1 {
	font-family: 'capistrano_bfregular';
	font-size: 60px;
	line-height: 25px;
	text-shadow: 1px 1px 1px #000;
}  

/* Content */
.vspace { margin-top: 40px; }
.hspace { margin-right: 30px; }

.publications-entry, .news-entry, .blog-entry {
	position: absolute;
	left: 30px;
	top: 280px;
	right: 30px;
	padding: 15px 50px;
	min-height: 90px;
	z-index: 2;
	background-color: #fff;

}

.publications-entry a, .news-entry a, .blog-entry a {
	color: #000;
	text-transform: uppercase;
}


.entry-title { text-transform: uppercase; } 


.logos img { max-height: 120px; }     

.email-home {
	padding-left: 3%;
	padding-right: 12%;
}    

.post-meta a { color: #369 !important; }


/* Common */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Josefin Sans', sans-serif;
	  font-weight: 700 !important;
} 

h1 { line-height: 1.4em; }

.publication_thum {
	position: relative;
	margin-top: 30px;
}

.publication_thum span{
	position: absolute;
	top: 0;
	right: 0;
	width: 185px;
	height: 250px;
 	background: url(images/thumbnail_overlay.png) no-repeat;
 	z-index: 999;
}

.summart-content {
	background-color: #f6f6f6;
	padding: 15px 30px;
}

.custom_blog .more-link { text-transform: uppercase; }  
.custom_blog .more-link:after { font-family: "ETmodules" !important; content: "\24"; }

.home-twitter, .home-facebook { margin: 0 0 0 2em; color: #152836; }
.home-twitter2, .home-facebook2 { margin: 0 0 0 2em; color: #839795 }
.home-twitter:before, .home-twitter2:before { font-family: "ETmodules" !important; content: "\e0ab";  color: #fff; font-size: 44px;}
.home-facebook:before, .home-facebook2:before { font-family: "ETmodules" !important; content: "\e0aa";  color: #fff; font-size: 44px;}


.postcard { padding: 120px 0 80px 0 !important; background: url(images/postcard.jpg) top right no-repeat; color: #fff !important; }
.postcard h1 { color: #fff !important; }

.home-posts .post-content { display: none; }

/* Scroll */
.scroll-down {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}



@media only screen and (min-width: 768px) {
.custom_blog .et_pb_post {
  min-height: 560px;
  max-height: 560px;
  }
    
.custom_publications .et_pb_post {
  min-height: 520px;
  max-height: 520px;
  }
  
}


@media all and (max-width: 768px) {

.capis_title { margin-top: 0; padding: 1em 0 0 .5em; }

.capis_title h1 {
	font-family: 'capistrano_bfregular';
	font-size: 32px;
	text-shadow: 1px 1px 1px #000;
}  

.slide-home h1 {
	font-size: 44px;
	line-height: 44px;
	text-shadow: 1px 1px 1px #000;
}


.publications-entry, .news-entry, .blog-entry {
	position: absolute;
	left: 20px;
	top: 160px;
	right: 20px;
	padding: 15px 20px 10px 20px;
	min-height: 70px;
	z-index: 2;
	background-color: #fff;
}

.publications-entry a, .news-entry a, .blog-entry a {
	color: #000;
	text-transform: uppercase;
	margin-bottom: 200px !important;
}

.postcard { padding: 0 !important;  background: none; color: #000 !important; }
.postcard h1 { color: #000 !important; }


#footer-dev { display: none !important; }

}