/*
Theme Name:PierreFenichel
Author:PierreFenichel
Description:PierreFenichel Theme
Version:1.0
License:GNU General Public License
License URI:license.txt 
Tags:


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
  

*/
@import "css/bootstrap/css/bootstrap.min.css"; 
@import "css/editor-style.css"; 

html,body{
    height: 100%;
}
a:hover, a:active, a:focus{text-decoration: none;}
.content a:hover{text-decoration: underline;}
body{
    background-image: url('img/background.jpg');
    background-position: right bottom;
    background-size: 420px; 
    background-repeat: no-repeat;  
    background-attachment: fixed;
}
body.home,
body.page-id-178,
body.parent-pageid-178,
body.parent-pageid-393,
body.parent-pageid-397{
    background: none;
    background-color: #000;
}

@media (max-width: 979px) {
    body{
        background-image: none;
    }
}

@media only screen and (max-width : 1200px) {
    body{
        background-size: 340px; 
    }
}

.home-image{
    background-image: url('img/background_home.jpg');
    background-position: center top;
    background-size: cover; 
    background-repeat: no-repeat; 

    position: absolute;
    top: 170px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.size-post-thumbnail{
    max-width: 100%; height: auto;
}


.menu-main-container{text-align: center;margin: 0;}
.menu{list-style-type: none; margin: 0; padding: 0;}
.menu li{display: inline-block;position: relative;padding: 0 0;}
.menu li.social{padding: 0;}

.menu li li{ display: block; position: initial;}

.menu .sub-menu{ display: block; padding: 0; position: absolute; z-index: 9999999; left: 0; right: 0; opacity: 0; transition: opacity 250ms; white-space: nowrap;}

.menu li:hover .sub-menu{ opacity: 1;}
.menu .sub-menu a{ display: block; text-align: left; }
.menu a{padding:0 .5em; display: inline-block; text-align: center;text-transform: uppercase; margin: 0;-webkit-transition:color 250ms ease-out; -moz-transition:color 250ms ease-out; -o-transition:color 250ms ease-out; transition:color 250ms ease-out;}
.menu a:hover, .menu a:active, .menu a:focus{text-decoration: none; color: #fff;}
.menu .sub-menu .sub-menu a{ padding-left: 0;}
.menu .sub-menu .sub-menu li:last-child {
    padding-bottom: 0px;
}

.menu .current_page_item a,
.menu .current-menu-ancestor a,
.menu .current-menu-ancestor .current_page_item a{color:#fff;}
.menu .current-menu-ancestor li a{color: #d8c8be;}
.menu .current-menu-ancestor li a:hover{color: #fff;}



#hamburger{
    position: absolute;
    right: 5px;
    top: 19px;
    margin: 0;
}
.navbar-toggle .icon-bar {

    background-color: #d8c8be;
}

div.logo{
    text-align: center;
    font-size: 50px;
    font-family: 'Scope One', serif;
    color: #98756E;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: normal;
    display: block;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}
div.logo a:hover{
    text-decoration: none;
}



@media (max-width: 767px) {
    div.logo{
        text-align: left;
        font-size: 30px;
    }

    .menu-main-container{margin: 10px 0 0 0}
    #menu-main{border-top: 1px solid #333; margin: 0; position: absolute; left: 0; right: 0; background-color: #000; z-index: 999; display: block; visibility: hidden;opacity: 0;transition: visibility 0s, opacity 0.5s linear;}
    #menu-main.open{visibility: visible;opacity: 1;}
    .menu li{display: block; border-bottom: 1px solid #333; }
    .sub-menu li {border-bottom: 0;}
    .menu a{display: block;      padding: 8px 0; margin: 0; }
    .menu-item-has-children a{padding-bottom: 0;}

    .menu .sub-menu{ opacity: 1; display: block; position: inherit;}
    .menu .sub-menu a {
        text-align: center;
        font-size: .75em;
        font-style: italic;
        padding: 5px 0;
    }

}



.table{
    border-bottom: 1px dotted #333;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px dotted #333;
}

.table .section-title{
    font-size: 1.4em;
    font-style: italic;
    border-top: 0;
    padding-left: 0;
    padding-top: 16px;


}

.table tr.odd {
    background-color: #111;
}

/*.table tr:hover {
    background-color: #222;
}*/

#menu-item-351 a{
    background-image: url(http://jakobbro.com/web/wp-content/themes/muse/images/icons/social/facebook.png);
}

@font-face {
    font-family: 'icomoon';
    src:  url('css/fonts/icomoon.eot?bgzonc');
    src:  url('css/fonts/icomoon.eot?bgzonc#iefix') format('embedded-opentype'),
        url('css/fonts/icomoon.ttf?bgzonc') format('truetype'),
        url('css/fonts/icomoon.woff?bgzonc') format('woff'),
        url('css/fonts/icomoon.svg?bgzonc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\ea90";
}
.icon-youtube:before {
    content: "\ea9d";
}
.icon-soundcloud:before {
    content: "\eac3";
}

.row.match-my-cols {
    overflow: hidden; 
}

.row.match-my-cols [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

a.album{
    background-color: #fff;
    display: block;
}

a.album img{
    display: block;
    width: 100%;
    height: auto;
}

a.album:hover img{
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.album-title{
    min-height: 80px;
    padding: 10px 0;

}


h1{
    margin-top: 2em;
}

h1,h2,h3,h4{
    font-family: 'Scope One', serif;
}


.grid-item-content img{
    width: 100%;
    height: auto;
}

.content{
    text-align: left;
}

.content img{
    max-width: 100%;
    height: auto;
}


@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }

    .card {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}



.post{
    background-color: #D0DEBB; color: #000; padding: 10px;
    margin-bottom: 14px;
}


.color-1{
    background-color:  rgba(208, 222, 187, 1);
}
a:hover .color-1{
    background-color: rgba(208, 222, 187, 0.8);
    -webkit-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}


.color-2{
    background-color: rgba(244, 207, 180, 1);
}
a:hover .color-2{
    background-color: rgba(244, 207, 180, 0.8);
    -webkit-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}


.color-3{
    background-color: rgba(234, 205, 209, 1);
}
a:hover .color-3{
    background-color: rgba(234, 205, 209, 0.8);
    -webkit-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}
.color-4{
    background-color: rgba(217, 217, 215, 1);
}
a:hover .color-4{
    background-color: rgba(217, 217, 215, 0.8);
    -webkit-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}

.post h2{
    margin-top: 0;
    margin-bottom: 14px;
}

.post iframe{
    width:100%;
}


.post a{
    color: #000;
}

.post a:hover{
    text-decoration: none;
}


footer{
    border-top: 1px dotted #6c645f;
    padding-top: 2em;
    margin:3em 0 3em 0;

}

footer, footer a{
    color: #6c645f !important;
}

footer .social{
    font-size: 28px;
}

footer a:hover{
    text-decoration: none;
    color: #d8c8be !important;
}

iframe{
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
}