/* 
    Created on : 17/set/2015, 19:52:53
    Author     : Marco Sebastião | marcosebastiao.pt
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500,500italic,700,700italic);

body  { background: #000; }
.navbar-inverse { border-bottom-color: #FFF; background: #111 }
body { padding-top: 150px; font-family: 'Roboto', Verdana; }
.centered { margin: 0 auto; position: relative; }
.contentWidth { max-width: 1230px; }
.container-fluid { padding-left: 5px; padding-right: 5px; }

.social li { padding-right: 10px;}
.social li a { display: inline-block; padding: 15px 5px; font-size: 1.5em;}

.grid-item { display: block; border: 5px solid #000; overflow: hidden; cursor: pointer; }
.grid-item,.grid-item img, a {
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}
.grid-item img:hover {  -webkit-transform:scale(1.1); /* Safari and Chrome */
                        -moz-transform:scale(1.1); /* Firefox */
                        -ms-transform:scale(1.1); /* IE 9 */
                        -o-transform:scale(1.1); /* Opera */
                        transform:scale(1.1); }

@media all and (max-width: 1229px) {
    .contentWidth { width: 820px; }
}
@media all and (max-width: 819px) {
    .contentWidth { width: 410px; }
    p.navbar-text { display: inline-block; padding-right: 10px;  }
}
@media all and (max-width: 409px) {
    .grid-item,.grid-item img,.contentWidth { width: 100%; }
    .grid-item { height: auto; }
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}