/*
Theme Name: Joel de la Fuente
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes Customized by Nook Design Studio
Author URI: http://nookdesignstudio.com
Description: Elegant Themes Divi theme customized by Nook Design Studio.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.72.1507665161
Updated: 2017-10-10 19:52:41

*/
a { border-bottom: 1px solid;}
#et-top-navigation nav>ul>li>a {border-bottom: none;}
a:hover {border-bottom: 2px solid ;transition: all .2s;}
#footer-widgets {display: none;}
.heart:before {
    content: "\e030";
}
.nook-credit {font-size:12px; float:right;}
.social {display: block; margin: 0 auto;font-size:22px;}
.social a {color: #000000;}
.logo_container {margin-top: 18px; font-size:20px;}
.joel-social a {border-bottom: none; padding-right: 5px;}
.joel-social a:hover {color: #4DCF42;transition: all .4s ease-in-out;}
#logo {
    display: none;}
#main-header {text-transform: uppercase;}

/*MAGIC SCROLLING*/
.color-grey {
  background-color: #81b7a3;
}

.color-green {
  background-color: #4DCF42;
}
.color-yellow {
  background-color: #FAEB33;
}
.color-orange {
  background-color: #F19031;
}
.color-white {
  background-color: #ffffff;
}
.color-blue {
  background-color: #7c9bbb;
}

.seccao {
transition: background-color 1s ease;
}


/* panel styles */
.colourbg {
  /* min height incase content is higher than window height */
  min-height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: sans-serif;
}

.film h2, h3 {
  color:#303030;
}
.theater h2, h3 {
  color:#303030;
}

/* END MAGIC SCROLLING*/
.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}
ul.et_pb_side_nav {background:none;}

.typewriter h2 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 7.5s steps(60, end),
    blink-caret .65s step-end infinite;

}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 80% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #4d6275; }
}
/*** Smartphone Portrait ***/
@media all and (max-width: 736px) {
	.nook-credit {
		font-size: 10px;}
	#footer-info {
    font-size: 12px;
    line-height: 12px;
}
	#main-header {height:50px;}
	#et_mobile_nav_menu {margin-top: -10px;}
}

/*** CUSTOM 404 ***/
.error404 #main-content .container, .error404 #content-area, .error404 #left-area {
 padding: 0 !important;
 margin: 0 ;
 width: 100% !important;
 max-width: none;
}

.error404 #sidebar {
 display: none;
}

.error404 .et_pb_post:last-child {
margin-bottom: 0;
}