/*
Theme Name: ISMM_2014
Theme URI:  http://www.marchettidesign.net/fullby/demo/
Description: Responsive Grid Wordpress Theme based on Boostrap and Font Awesome. Brom Andrea Marchetti FULLBY Theme
Version: 1.0
Author: Jules Francoise (from Andrea Marchetti)
Site: http://www.marchettidesign.net
Tags: Grid, Fluid, Responsive
*/


body, html {margin:0;padding: 0px;height:100%;font-family: lato;}
/*body.admin-bar .navbar-fixed-top {position:fixed;top: 32px;z-index: 1000;height: 40px;}*/

/* link color */
a{color:#02c29d;}
a:focus, a:hover{color:#ff0052;}


/* Menus */
.navbar {margin:0;border:none;border-radius:0;background-color: #00ebbe;background-image: none;text-transform: uppercase;}
.navbar h1{margin:0;}
.navbar-inverse .navbar-brand {padding-bottom: 11px;color:#282826; letter-spacing: -2px;font-weight: 300; font-size: 22px;}
.navbar-inverse .navbar-brand .arrow{margin-right:5px;}
.navbar-nav ul{list-style-type: none}
.navbar-inverse .navbar-nav > li > a {color:#000;font-weight: 300;}
.navbar-inverse .navbar-nav > li > a:hover {background:#04d7af;font-weight: 300;}

    .navbar-inverse .navbar-nav > .active > a, 
    .navbar-inverse .navbar-nav > .active > a:hover, 
    .navbar-inverse .navbar-nav > .active > a:focus {background-color: #282826;color: #FFFFFF;}
    
    .navbar-sub{background: #f0ede3;}
    .navbar-sub .navbar-nav > li > a{color:#666; }
    .navbar-sub .navbar-nav > li > a:hover{background: #dcd9d0;color:#000;}
    
    #mainmenu{float:right;}
    

/* Featured Content */
.featured{display: block;background: #573c29;min-height: 50px}
.featured .item-featured{position: relative;overflow:hidden;padding:0;}

    .featured img{z-index: 50;width: 100%; height:auto;opacity:0.6;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;}
    
    .featured .item-featured:hover > a img{opacity:1; 
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1); 
        -o-transform:scale(1.1);
        transform:scale(1.1);
        }
        
     .yt-featured{width:132.9%!important;margin-left:-15%;}
    
    .featured .caption{position: absolute; bottom:0;z-index:100;width:100%; background: url(img/bg.png) repeat-x;color:#fff;}
    .featured .cat{padding:0 20px;color: #fff;text-transform: uppercase;text-shadow: 0 0 3px #000;font-weight: 700; font-size:12px;}
    .featured .date{padding:0 20px;color: #00ebbe;text-transform: uppercase;text-shadow: 0 0 3px #000;font-weight: 700; font-size:12px;}
    .featured .title{margin:0;padding:5px 25px 25px 25px; text-transform: uppercase; font-weight: 400;font-size: 27px;}
    
    .spacer{height: 50px;}
    
    
/*** Grid ***/
.cont-grid{float:right;padding: 10px 0 0 5px;border-left: 1px solid #eee;}

    .grid-spacer{padding:20px 25px 20px 15px;}
    .grid-cat{margin:0px 0 0 0; color: #333;text-transform: uppercase; font-weight: 700; font-size: 13px;}
    .grid-tit{margin:10px 0 10px 0; text-transform: uppercase; font-weight: 300;font-size: 28px; }
    .grid-tit a{color:#333;}
    .grid-tit a:hover{color:#ff0055;}
    .grid-cop{padding: 10px 0 0px 0;}
    .grid-text{padding:15px 0 0 0;}
    
    .grid .item {float: left;margin: 0 5px 10px 5px;width: 20%;height: auto;border-right: 1px solid #eee; border-bottom: 1px solid #eee;background: #fff;}
    .grid .item img{margin:0;width:100%;height:auto;line-height: 0;}
    .grid .item-w2 {width: 40%;}
    .grid .item-h2 {height: 322px;}
    .grid .item-h3 {height: 485px;}
    
    
    /* isotope */
    .isotope .isotope-item {
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }
    
    
    /* Pagination */
    .pagination{padding: 0 0 0 15px;}
    .pagination span, .pagination a{padding: 9px 14px;border: 1px solid #eee;}
    
    
/* Single */
.single{float:right;margin:0;padding:0;border-left: 1px solid #eee;}

    .sing-cop{width:100%; height:auto;}
    .sing-tit-cont{position: relative;margin:-69px 0 0 0;margin-left:10%; padding:3% 5% 1% 5%;width:80%;background:#fff;}
    .sing-tit{margin:10px 0 20px 0; text-transform: uppercase; font-weight: 300;font-size: 33px;}
    .sing-spacer{padding:3% 6%;}
    .sing-cont{position: relative;margin-left:10%;width:80%;font-size: 16px; line-height: 26px;}
    .single-in{padding:0;}
    .meta{margin:0;padding:0;color:#999;text-transform: uppercase;}
    .cat{margin:10px 0 0 0; color: #333;text-transform: uppercase; font-weight: 700; font-size: 13px;}
    .tag-post{color:#02c29d; text-transform: capitalize;}
    
    .spacer-sing{height:100px;}
    
    /* Comments */
    #comments h3{margin-bottom: 20px;text-transform: uppercase; font-weight: 300; font-size: 20px;}
    input{ margin-right:10px;padding: 10px;border:none;background: #eee;}
    textarea{ float:left;padding:10px;width:90%;border:none;background: #eee;}
    #submit{margin-top:10px;background: #00ebbe; color:#fff;text-transform: uppercase;padding: 15px 20px;}
    
    /* Video Resposnive */
    .videoWrapper {position: relative;margin-bottom: 70px;padding-top: 25px;padding-bottom: 56.25%; /* 16:9 */height: 0;}
    .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
    .link-video{position:relative;}
    .link-video i{position: absolute; top:50%; left:50%;margin:-20px 0 0 -25px ;background: url(img/circle-white.png) no-repeat center center;}


    /* Gallery */
    .gallery {margin: 0 0 10px 0!important;}
    .gallery-item {float: left;margin: 0!important;width: 33.333333%;text-align: center;}
    .gallery img { margin: 5%!important;width: 90%!important;border: none!important;}
    .gallery-caption {margin-left: 0;}


    
/* Primary Sidebar */
.sidebar{float:left;}   
.sidebar .widget{padding: 10px 10px 20px 10px;}
.sidebar .widget h3{text-transform: uppercase;font-weight:700;font-size: 14px;}
.sidebar .widget a{ display:block; padding: 10px 15px;border-bottom: 1px solid #eee;}
.sidebar .widget ul{padding:0;list-style-type: none;}
.sidebar .widget ul li a{padding-left: 0;}

    .sidebar .social{ float:left;margin: 20px 0 30px 0;width: 100%;}
    .sidebar .social a{display: block;float:left;padding:10px;}

    /* Tab */
    .sidebar #myTab{margin-top:20px;}
        .tab-spacer{padding:0 10px 0 10px;}
        .tab-content{float:left;margin: 10px 0 60px 0; width:100%;}
        .tab-content a{float:left;padding: 10px 0 0 0;min-height: 75px;width: 100%;border-bottom:1px solid #f0efef;text-decoration: none;}
        .tab-content a:last-child{border:none;}
        .tab-content img{float:left;margin:0 20px 10px  10px;padding:0; width:60px; height:60px;border:0; border-radius:50%;}
        .tab-content .title{ margin: 5px 0 0 0;color:#000; text-transform: uppercase;font-weight: 400;font-size: 16px;}


/* Secondary Sidebar */
.sec-sidebar{float:right;margin: 0;padding:0;width:100%;}
.sec-sidebar .widget{padding: 10px 10px 20px 10px;}
.sec-sidebar .widget a{ display:block; padding: 10px 15px;border-bottom: 1px solid #eee;}
.sec-sidebar .widget h3{text-transform: uppercase;font-weight:700;font-size: 14px;}
.sec-sidebar .widget ul{padding:0;list-style-type: none;}
.sec-sidebar .widget ul li a{padding-left: 0;}


/* Footer */
.footer{float:left; padding:20px; width:100%;background: #333;color:#fff;}
.footer span{text-transform: uppercase;}


/* General */
.row{margin:0;padding:0;}
.panel{background: #eee;}


/* Search */
.result{margin-left:5px; text-transform: uppercase;}
#srch-term{border:none;background:none; box-shadow: none;}
.search-cont{padding:0;}
.btn-default{border: none; background: none;}



@media (max-width: 1000px) { 
    
.cont-grid, .sidebar{width:100%;}   
.single{float:left; width:100%;border-left: none;}


    
    
}


@media (max-width: 768px) { 

    #mainmenu{float:left;width:100%;}
    .navbar-form {border:none}
    .sing-tit-cont{margin-left:5%; width:90%;}
    .sing-cont{margin-left:5%;width:90%;}
    
    .navbar-toggle {border:none}
    .navbar-toggle:hover {background:#fff!important}
    
    .navbar-toggle .icon-bar{background:#333!important}

    
}


/* Additional CSS > Jules
 ---------------------------------------*/
 
 /* Commented line 13...*/
 
 /* General Stuff */
a:focus, a:hover {
    color: #ff0052;
    text-decoration: none;
}

/* Fix Site header & navbar */
.navbar-fixed-top {
    position: relative !important;
    padding: 10px;
    background-color: #FCFAF5;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 6px solid #02c29d;
}

.navbar-fixed-top .navbar-header {
    width: 100%;
}

.navbar-inverse .navbar-brand {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 42px;
    letter-spacing: 0;
    color: #000;
    opacity: .5;
    line-height: 42px;
    max-width: 90%;
    padding: 15px;
}

#header-logo {
    width: 102px;
    height: auto;
    float: right;
    margin: 10px;
}

.navbar-inverse .navbar-brand:hover {
    color: #000;
    opacity: .6;
}

/* Remove large space under header */
.spacer {
    height: 0;
}

/* Reduce margin on single pages */
.sing-tit-cont,
.sing-cont {
    margin-left: 5%;
    width: 90%;
}

/* Featured posts */
.featured {
    background-color: #282826;
}

.featured .item-featured {
    height: 250px;
}

.featured img {
    overflow: hidden;
}

.yt-featured {
/*width:100%!important;margin-left:-15%;*/
}

@media (max-width: 768px) {
    .featured {
        display: none;
    }
}

.navbar-collapse {
    max-height: none;
}

ul.papercite_bibliography {
    list-style-type: none;
    padding-left: 20px;
}

.wp-caption,
.wp-caption img,
dt img {
    max-width: 100%;
    height: auto;
}

.wp-caption-text {
    font-size: .9em;
    font-style: italic;
    text-align: center;
}

.item-featured .caption {
    display: none;
}

.item-featured:hover .caption {
    display: block;
}

.widget_tag_cloud .tagcloud a {
    display: inline;
    border: none;
    padding: 2px;
    font-size: 1em!important;
}

#text-3 {
    font-size: 1.2em;
}

.sidebar .social {
    margin-bottom: 10px;
}

.widget {
    border-bottom: 2px solid #eee;
}

.sidebar .widget a {
    border-bottom: none;
    padding: 5px 10px;
}

/* Project & Software lists */
.media {
    border-bottom: 2px solid #E9F1FA;
    border-top: 2px solid #E9F1FA;
}

/* People List */
.peoplegroup p {
    display: none;
}

.people {
    border: none;
}

.people2 {
    padding: 15px;
}

.people2-block {
    overflow: hidden;
    margin: 0;
    height: 100px;
    background-size: cover; 
    width: 100%; 
    padding-bottom: 100%; 
    display: block;
    color: #000;
}

.people2-text {
    display:block;
    width: 100%;
    padding: 5px;
    opacity: 0.6;
    background-color: #fff;
    color: #000;
    text-align: center;
}

.people2-text p {
    padding-bottom: 100%;
    text-align: left;
}

div.people2-block:hover .people2-text p {
    display:block;
}

#subscribe-email input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    background-color: #fff;
}

#subscribe-email {
    padding: 0;
}

.bigbutton {
    width: 100%;
    background-color: #81CFC0;
    color: #fff;
    font-size:16px;
    padding: 10px;
}

.bigbutton:hover {
    background-color: #02c29d;
    color: #fff;
}

ul.papercite_bibliography li {
    margin-bottom: 10px;
    list-style-type: disc;
}

.people .media-body {
    font-size: .9em;
}

.fullwidth {
    width: 100%;
}

.papercite_bibliography b,
.papercite_bibliography em {
    margin-left: 5px;
}

.embed-vimeo,
.embed-youtube {
    width: 100%;
    height: 0;
    padding-bottom: 51%;
    position: relative;
}

.embed-vimeo iframe,
.embed-youtube iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

img.alignleft {
    max-width: 100%;
    height: auto;
    float: left;
    margin-right: 10px;
}

img.aligncenter {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

img.alignright {
    max-width: 100%;
    height: auto;
    float: right;
    margin-left: 10px;
}

.sd-content {
    float: right;
}