/*
Theme Name: Novelty
Theme URI: http://themeforest.net/user/bingumd/?ref=bingumd
Author: bingumd
Author URI: http://www.bingu.name
Description: Responsive Wordpress Theme
Version: 1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light
Text Domain: http://themeforest.net/user/bingumd/?ref=bingumd
*/


/* IMPORT STYLE
================================================== */
    @import url("css/prettyPhoto.css");
    @import url("css/icon.css");



/* RESET STYLE
================================================== */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td{
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;`
        font-size: 100%;
        vertical-align: baseline;

    }
    :focus{ outline: 0; }
    body{ line-height: 1; }
    ol, ul{ list-style: none; }
    table{ border-collapse: separate; border-spacing: 0; }
    caption, th, td{ text-align: left; font-weight: normal; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ""; }
    blockquote, q{ quotes: none; } 
    article, aside, details, figcaption, figure, footer, 
    header, hgroup, menu, nav, section{ display: block; }


/* TYPOGRAPHY
================================================== */
    h1{ margin-bottom: 20px; line-height: 30px; }
    h2{ margin-bottom: 18px; line-height: 23px; }
    h3{ margin-bottom: 10px; line-height: 20px; }
    h4{ margin-bottom: 10px; line-height: 18px; }
    h5{ margin-bottom:  8px; line-height: 16px; }
    h6{ margin-bottom:  5px; line-height: 16px; }

    h1, h2, h3, h4, h5, h6{ letter-spacing: 0.02em; }

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{ 
        font-size: 60%; 
        line-height: 0; 
    }

    .title{ 
        margin-bottom: 8px;
        line-height: 18px; 
    }


    p{ margin-bottom: 15px; line-height: 20px; }
    * p:last-child{ margin-bottom: 0 !important; }

    strong{ 
        font-weight: 600;
        font-weight: 700;
    }
    em{ font-style: italic; }
    small{ font-size: 80%; }



/* LINKS
================================================== */
    a{ text-decoration: none; }
    a img{ border: none; }
    a > img{ vertical-align: bottom; }
    p a, p a:visited{ line-height: inherit; }







/*========================================================================= 
                              #TEMPLATE STYLES
==========================================================================*/




/* PORTFOLIO
==================================================*/
    .portfolio-items{margin: 0 -5px !important }
	
    .portfolio-item-wrapper{ overflow: hidden;	    box-shadow: 1px 2px 4px #4e4e4e;  /*box-shadow: 0px 1px 5px #4e4e4e; ombre porté*/
 }

    .portfolio-items article [class*="icon"]{ margin: 0; }
    .portfolio-items article{ 
        line-height: 0; 
        position: relative;
    }

    .portfolio-items article *{
        -webkit-transition: all 0.4s linear;
           -moz-transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
             -o-transition: all 0.4s linear;
                transition: all 0.4s linear;

    }

    .portfolio-items[class*="col"] article{
        float: left;
        padding: 0 5px 10px;

        webkit-box-sizing: border-box; 
          -moz-box-sizing: border-box; 
               box-sizing: border-box; 
    }

    .portfolio-items.col1 article{
        float: none;
        margin: 0 0 20px 0;
    }



    /* PORTFOLIO CONTEXT */
    .portfolio-context{ 
        position: absolute;
        padding: 13%; 
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;

        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

        opacity: 0;
        filter:alpha(opacity=0);

        webkit-box-sizing: border-box; 
          -moz-box-sizing: border-box; 
               box-sizing: border-box; 

        -webkit-transform: scale(0.1);
           -moz-transform: scale(0.1);
            -ms-transform: scale(0.1);
             -o-transform: scale(0.1);
                transform: scale(0.1);
                
    }

        .portfolio-context h2{ 
            font-size: 24px;
            display: inline-block;
            text-transform: uppercase;
            position: relative;
            margin-bottom: 0px;
        }

		

        .p-link{
            display: block;
            height: 30px;
            width: 30px;
            line-height: 29px;
            text-align: center;
            position: absolute;
            bottom: 15%;
            right: 10%;
            font-size: 14px;
            border: 2px solid transparent;
            -webkit-border-radius: 50px;
               -moz-border-radius: 50px;
                -ms-border-radius: 50px;
                    border-radius: 50px;
        }
        .p-link i{ padding-top: 1px; }


    /* PORTFOLIO HOVER */
    .portfolio-items article:hover img{
        opacity: 0.1;
        filter:alpha(opacity=10);

        -webkit-transform: rotate(-5deg) scale(1.8);
           -moz-transform: rotate(-5deg) scale(1.8);
            -ms-transform: rotate(-5deg) scale(1.8);
             -o-transform: rotate(-5deg) scale(1.8);
                transform: rotate(-5deg) scale(1.8);
    }


    .portfolio-items article:hover .portfolio-context{
        opacity: 1;
        filter:alpha(opacity=1);

        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }


    /* PORTFOLIO SINGLE */
    .portfolio-single{ 
        text-align: center;
        margin-bottom: 50px; 
        margin-top: -51px;
    }
    .portfolio-single-items{ 
        position: relative;
        margin-bottom: 50px; 
    }


    .loader .portfolio-single-items:before{
        background: none !important;
    }

    .portfolio-single .divider{ margin: 30px 0; }

    .portfolio-single p{ line-height: 22px; text-align:left;}

    .portfolio-single ul.p-info {
        border-width: 1px;
        border-style: solid;
        display: inline-block;
        margin: 20px 0 0;
        padding: 15px 20px;
        -webkit-box-sizing: border-box; 
           -moz-box-sizing: border-box; 
                box-sizing: border-box;
    }  

    .portfolio-single ul.p-info li{ 
        border-right-width: 1px;
        border-right-style: solid;
        float: left;
        padding: 0 20px;
    }
    .portfolio-single ul.p-info li:last-child{ border-right: none !important; }