/* customiables */

        /* typography */
        body, p, a, em, strong, b, h1, h2, h3, h4, h5, h6, code, pre, textarea, button, input {
            font-family: 'Montserrat', sans-serif, Futura, 'Century Gothic', AppleGothic, sans-serif
        }
        body, p, em, code, pre, textarea, button, input {
            font-weight: 300
        }
        body, p, h1, h2, h3, h4, h5, h6, code, pre, blockquote, .post-media.link h2 a, .title-link, .more_notes_link, a.pagi-previous, a.pagi-next, a.more_notes_link, a.perma-post-title, .perma-post-asker h2 a, .perma-post-answer h2 a {
            color: #000000
        }
        .post-entry .date:after, .post-divider {
            background-color: #000000
        }
        a, .post-colophon p, .post-colophon a, .creation a, .permalink-content-area span a:hover {
            color: #8c8c8c
        }
        a.title-link, a.perma-post-title, .post-asker h2, .post-asker h2 a, .post-answer h2, .post-answer h2 a, .perma-post-asker h2, .perma-post-asker h2 a, .perma-post-answer h2, .perma-post-answer h2 a {
            font-family: 'Montserrat', sans-serif, Futura, 'Century Gothic', AppleGothic, sans-serif;
        }
        h1, h2, h3, h4, h5, h6 {
            font-weight: 400
        }
        .post-author p, .post-author p a, .post-note-count p a, .colophon-wrap p a, .colophon-wrap p {
            color: #000000;
        }
        .post-tags p a, .perma-side-tags a {
            color: #ffffff;
            background-color: #8a1820;
        }
        
        /* background */
        #masthead, .off-canvas-wrap, .content-area, .blog-footer, .instagram-wrapper, #offCanvas, .off-canvas-bg, .bg-tint {
            background-color: #000000
        }
         
        .bg-cover {
            opacity: 1
        }
        .bg-tint {
            background-color: #000000!important;
        }
         
        
        /* top bar */
        .show-bg,
        .top-bar .submenu,
        .top-bar, 
        .top-bar ul{
            background: #000000!important
        }
        .lines, .lines:before, .lines:after, .left-off-canvas-toggle .btn-slide {
            background: #000000
        }
        .top.menu-nav li a,
        .search-box a {
            color: #000000
        }
        .is-accordion-submenu-parent>a:after,
        .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
            border-color: #000000 transparent transparent
        }
        
        /* header */
        .mast-title, .blog-footer h2 {
            font-family: 'Oswald', sans-serif, 'Alternate Gothic', sans-serif;
            font-weight: 700;
            
        }
        .mast-title {
            color: #000000
        }
        .mast-description, .header-social li a, #masthead p {
            color: #ffffff
        }
        .header-avatar img,
        .header-social li {
            border-color: #ffffff
        }
        .header-avatar img {
            background-color: #ffffff
        }
        #masthead .sidebar-title, #masthead .sidebar-title:before {
            background-color: #000000
        }
        #masthead .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
            border-color: #ffffff transparent transparent;
        }
        .sidebar-title, #masthead .sidebar-title p, #masthead .sidebar-title a {
            color: ffffff
        }
        .side-social li:hover a {
            color: #000000
        }

        
        /* pre-loader */
        #qLoverlay::after {
            color: #ffffff;
            content: 'Plus est en toi';
        }    
        
        /* posts */
        .post .post-entry, .post-media, .post-share, .post-single, .perma-right-sidebar, .white-pad {
            background-color: #ffffff;
        }
        .post.text .title-container h2 {
            background: #000000;
        }
        .post.text .title-container h2 a {
            color: #ffffff;
        }
        .post.chat .post-entry {
            background-color: #000000
        }
        .post.chat .title-link, .post-chat p, .post-chat b, .single-post.chat .title-link, .post.chat .post-author p, .post.chat .post-author p a, .post.chat .post-note-count p a {
            color: #ffffff 
        }
        .visit-link {
            background-color: #000000;
            border: 2px solid #000000
        }
        .visit-link h5, .visit-link p {
            color: #ffffff
        }
        
        /* permalink page posts */
        a.pagi-previous:before, a.pagi-next:before, .more_notes_link:before {
            background-color: #5a5a5a;
        }
        /* permalink sidear title top and bottom borders */
        h4.sidebar-section-title:after, h4.sidebar-section-title:before, .answer-divider {
            background: -moz-linear-gradient(left, #ffffff 5%, #5a5a5a 20%, #5a5a5a 80%, #ffffff 95%);
            background: -webkit-linear-gradient(left, #ffffff 5%,#5a5a5a 20%,#5a5a5a 80%,#ffffff 95%);
            background: linear-gradient(to right, #ffffff 5%,#5a5a5a 20%,#5a5a5a 80%,#ffffff 95%);
        }
        /* permalink post/sidebar divider */
        .perma-right-sidebar {
            border-left: 2px solid #5a5a5a;
        }

        /* index pagination */
        #load-more a, .back-to-top {
            color: #000000
        }
        #load-more a, .back-to-top {
            background-color: #ffffff;
            padding: 10px 20px;
        }
        
        /* sidebar */
        #offCanvas .mast-title, #offCanvas p, #offCanvas .menu-items li a, .menu-follow, .menu-follow:focus, .menu-follow:hover,
        #offCanvas .menu-items li a:focus, #offCanvas .menu-items li a:hover, .side-social li a, .menu-items li a, .menu-items li a:focus, .menu-items li a:hover {
            color: #ffffff;
        }
        .menu-follow .item-slider, .menu-items li a .item-slider, .menu-divider {
            background-color: #ffffff
        }
        #offCanvas .is-accordion-submenu-parent>a:after, #offCanvas .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
                border-color: #ffffff transparent transparent
        }
        .sidebar-title, .sidebar-title:before {
            background-color: #000000
        }

        #offCanvas .sidebar-title p, #offCanvas .sidebar-title a {
            color: ffffff
        }
        .side-follow a {
            color: #000000;
            background-color: #ee0000;
            border: 2px solid #ee0000
        }
        .side-social li {
            border: 1px solid #ffffff
        }
        
        /* Footer */
        .blog-footer * {
            color: #000000
        }
        .footer-avatar img {
            border-color: #000000;
            background-color: #000000;
        }
        
        
        .photo-wrapper img {
            width: auto
        }
        
        
        
        /* min-width 641px, medium screens */
        @media only screen and (min-width: 40.063em) { 
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
            .single-post.text .entry-content {
                width: auto
            }
            
        }
        
        /* min-width 1025px, large screens */
        @media only screen and (min-width: 64.063em) { 
            /* header */
            .mast-title {
                font-size: 8.5rem;
                line-height: calc(8.5rem + .4rem);
            }
            
            /* buttons */
            .visit-link a:hover h5, .visit-link a:hover p {
                color: #000000
            }
            
            .side-follow a:hover {
                color: #ee0000
            }
            
            /* social link hovers */
            .footer-social li, .footer-social li a, .side-social li, .side-social li a {
                transition: all .25s ease-in-out
            }
            .side-social li:hover {
                background-color: #ffffff
            }
        }
        
        
        
        
        
        /* index page specific */
         
        .bg-cover {
            background-image: url("https://64.media.tumblr.com/547ba82954135e338f3aa138b3616025/500b24a73f67c6b6-a7/s2048x3072/527adb9679b32a123a0790efb5fb4fe60f381ebf.jpg")
        }
        
        
        /* permalink page */
