/*
Theme Name: s019
Theme URI: http://www.jeffreygalvezosales.com
Author: Ulrich Landry
Author URI: http://www.ulrichlandry.fr
Description: 
Version: 2.0.0
Tags:
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300');

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #000;
    font-family: 'Roboto', sans-serif;text-transform:uppercase;font-size: 19px;
}
.navbar-default .navbar-brand:hover {
    color: #777;
}

ul.menu{
    padding-left: 0;
    list-style: none
}

ul.menu li a {
    color: #000;
    font-family: 'Roboto', sans-serif;
    line-height: 2;
    text-transform: uppercase;
    text-decoration: none
}

ul.nav #primary-menu {
    margin-left: 20px;
}

.page-template-page-gallery,
.page-template-page-bio,
.post-template-default,
.single-post,
.blog{
    padding-top: 65px;
}

.intro-section {
    height: 100%;
    
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
}

.intro-section img {
    display: inline-block
}



.gallery-section .item {
    padding: 1px;
    display: block;
    clear: both;
}

.gallery-section {
    margin-bottom: 75px
}



article {
    margin-bottom: 75px
}

.footer {
    width: 100%;
    height: 50px;
    position:fixed;
    margin-top: 50px;
    bottom:0;
}

h6 {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #999;
}

h6 a, h6 a:hover {
    color: #999;
}

/* Videos page */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top:30px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.attachment-video-thumbnail:hover {
	background:white;
}


.isotopex {
   /* Prevent vertical gaps */
   line-height: 0;
   
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
}

.isotopex  img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
    padding: 1px;
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}