/*

Theme Name: fauxreel

Theme URI: http://underscores.me/

Author: Underscores.me

Author URI: http://underscores.me/

Description: Description

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: fauxreel

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.



fauxreel is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normalize

2.0 Typography

3.0 Elements

4.0 Forms

5.0 Navigation

    5.1 Links

    5.2 Menus

6.0 Accessibility

7.0 Alignments

8.0 Clearings

9.0 Widgets

10.0 Content

    10.1 Posts and pages

    10.2 Asides

    10.3 Comments

11.0 Infinite scroll

12.0 Media

    12.1 Captions

    12.2 Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

1.0 Normalize

--------------------------------------------------------------*/

html {
    
    overflow-y: scroll;
    height: 100%;

    /*font-family: sans-serif;*/

    /*font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;*/
    font-family: 'Source Sans Pro', sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust:     100%;

}



body {

    margin: 0;
    height: 100%;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block;

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



[hidden],

template {

    display: none;

}



a {

    background-color: transparent;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b,

strong {

    font-weight: bold;

}



dfn {

    font-style: italic;

}



h1 {

    margin: 0.67em 0;

}

time {

    font-size: 0.8em;

}



mark {

    background: #ff0;

    color: #000;

}



small {

    font-size: 80%;

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}



figure {

    margin: 1em 40px;

}



hr {

    box-sizing: content-box;

    height: 0;

}



pre {

    overflow: auto;

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0;

}



button {

    overflow: visible;

}



button,

select {

    text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}



button[disabled],

html input[disabled] {

    cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input {

    line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



input[type="search"] {

    -webkit-appearance: textfield;

    box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

}



optgroup {

    font-weight: bold;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td,

th {

    padding: 0;

}



/*--------------------------------------------------------------

2.0 Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

    color: black;

    font-size: 16px;

    font-size: 1rem;

    line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    clear: both;

}



p {

    margin-bottom: 1.5em;

}



b,

strong {

    font-weight: bold;

}



dfn,

cite,

em,

i {

    font-style: italic;

}



blockquote {

    margin: 0 1.5em;

}



address {

    margin: 0 0 1.5em;

}



pre {

    background: #eee;

    font-family: "Courier 10 Pitch", Courier, monospace;

    font-size: 15px;

    font-size: 0.9375rem;

    line-height: 1.6;

    margin-bottom: 1.6em;

    max-width: 100%;

    overflow: auto;

    padding: 1.6em;

}



code,

kbd,

tt,

var {

    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

    font-size: 15px;

    font-size: 0.9375rem;

}



abbr,

acronym {

    border-bottom: 1px dotted #666;

    cursor: help;

}



mark,

ins {

    background: #fff9c0;

    text-decoration: none;

}



small {

    font-size: 75%;

}



big {

    font-size: 125%;

}



/*--------------------------------------------------------------

3.0 Elements

--------------------------------------------------------------*/

html {

    box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

    box-sizing: inherit;

}



body {

    background: #fff; /* Fallback for when there is no custom background color defined. */

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: "";

}



blockquote,

q {

    quotes: "" "";

}



hr {

    background-color: #ccc;

    border: 0;

    height: 1px;

    margin-bottom: 1.5em;

}



ul,

ol {

    margin: 0 0 1.5em 3em;

}



ul {

    list-style: disc;

}



ol {

    list-style: decimal;

}



li > ul,

li > ol {

    margin-bottom: 0;

    margin-left: 1.5em;

}



dt {

    font-weight: bold;

}



dd {

    margin: 0 1.5em 1.5em;

}



img {

    height: auto; /* Make sure images are scaled correctly. */

    max-width: 100%; /* Adhere to container width. */

}



table {

    margin: 0 0 1.5em;

    width: 100%;

}



/*--------------------------------------------------------------

4.0 Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    border: 1px solid;

    border-color: #ccc #ccc #bbb;

    border-radius: 3px;

    background: #e6e6e6;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

    color: rgba(0, 0, 0, .8);

    font-size: 12px;

    font-size: 0.75rem;

    line-height: 1;

    padding: .6em 1em .4em;

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

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

    border-color: #ccc #bbb #aaa;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

    border-color: #aaa #bbb #bbb;

    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

    color: #666;

    border: 1px solid #ccc;

    border-radius: 3px;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

    color: #111;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

    padding: 3px;

}



textarea {

    padding-left: 3px;

    width: 100%;

}



/*--------------------------------------------------------------

5.0 Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

5.1 Links

--------------------------------------------------------------*/

a {

    text-decoration: none;

    color: #059edd;

}



a:visited {

    color: #059edd;

}



a:hover,

a:focus,

a:active {

    text-decoration: underline;

    color: black;

    outline: 0;

}



.entry-header a {

    color: black;

}

.entry-header a:hover {

    text-decoration: none;

    color: black;

}







/*--------------------------------------------------------------

5.2 Menus

--------------------------------------------------------------*/

li.menu-item {

    display: block;

    padding: 0px;

    /*margin-left: 21px;*/

    outline: none;

    text-indent: -9999px;

    font-size: 0;

    background-position: 0 0;

}

li.camera-dude-left a {

    height: 46px;

    width: 35px;

    background-image: url('images/menu/camera_dude_left.png');

}

.black-menu li.camera-dude-left a {

    height: 46px;

    width: 35px;

    background-image: url('images/menu/camera_dude_left_on_black.png');

}

li.projects a {

    height: 21px;

    width: 63px;

    background-image: url('images/menu/projects.png');

}

.black-menu li.projects a {

    height: 21px;

    width: 63px;

    background-image: url('images/menu/projects_on_black.png');

}

li.projects a:hover {

    background-position: 0 -21px;

}

li.projects.current-menu-item a, li.projects.current-page-ancestor a {

    background-position: 0 -21px;

}

li.panels a {

    height: 22px;

    width: 53px;

    background-image: url('images/menu/panels.png');

}

.black-menu li.panels a {

    height: 22px;

    width: 53px;

    background-image: url('images/menu/panels_on_black.png');

}

li.panels a:hover {

    background-position: 0 -22px;

}

li.panels.current-menu-item a, li.panels.current-page-ancestor a {

    background-position: 0 -22px;

}

li.portraits a {

    height: 21px;

    width: 71px;

    background-image: url('images/menu/portraits.png');

}

.black-menu li.portraits a {

    height: 21px;

    width: 71px;

    background-image: url('images/menu/portraits_on_black.png');

}

li.portraits a:hover {

    background-position: 0 -21px;

}

li.portraits.current-menu-item a, li.portraits.current-page-ancestor a {

    background-position: 0 -21px;

}

/*

li.video a {

    height: 15px;

    line-height: 15px;

    width: 41px;

    background-image: url('images/menu/video.png');

}

li.video a:hover {

    background-position: 0 -15px;

}

li.video.current-menu-item a, li.video.current-page-ancestor a {

    background-position: 0 -15px;

}

li.contact a {

    height: 14px;

    width: 59px;

    background-image: url('images/menu/contact.png');

}

li.contact a:hover {

    background-position: 0 -14px;

}

li.contact.current-menu-item a, li.contact.current-page-ancestor a {

    background-position: 0 -14px;

}

*/

li.danb a {

    height: 35px;

    width: 162px;

    background-image: url('images/menu/dan_bergeron.png');

}

.black-menu li.danb a {

    height: 35px;

    width: 162px;

    background-image: url('images/menu/dan_bergeron_on_black.png');

}

li.news a {

    height: 11px;

    width: 40px;

    background-image: url('images/menu/news.png');

}

.black-menu li.news a {

    height: 11px;

    width: 40px;

    background-image: url('images/menu/news_on_black.png');

}

li.news a:hover {

    background-position: 0 -11px;

}

li.news.current-menu-item a, li.news.current-page-ancestor a {

    background-position: 0 -11px;

}

li.about a {

    height: 16px;

    width: 45px;

    background-image: url('images/menu/about.png');

}

.black-menu li.about a {

    height: 16px;

    width: 45px;

    background-image: url('images/menu/about_on_black.png');

}

li.about a:hover {

    background-position: 0 -16px;

}

li.about.current-menu-item a, li.about.current-page-ancestor a {

    background-position: 0 -16px;

}

li.press a {

    height: 17px;

    width: 44px;

    background-image: url('images/menu/press.png');

}

.black-menu li.press a {

    height: 17px;

    width: 44px;

    background-image: url('images/menu/press_on_black.png');

}

li.press a:hover {

    background-position: 0 -17px;

}

li.press.current-menu-item a, li.press.current-page-ancestor a {

    background-position: 0 -17px;

}

li.shop a {

    height: 22px;

    width: 37px;

    background-image: url('images/menu/shop.png');

}

.black-menu li.shop a {

    height: 22px;

    width: 37px;

    background-image: url('images/menu/shop_on_black.png');

}

li.shop a:hover {

    background-position: 0 -22px;

}

li.shop.current-menu-item a, li.shop.current-page-ancestor a {

    background-position: 0 -22px;

}

li.camera-dude-right a {

    height: 46px;

    width: 35px;

    background-image: url('images/menu/camera_dude_right.png');

}

.black-menu li.camera-dude-right a {

    height: 46px;

    width: 35px;

    background-image: url('images/menu/camera_dude_right_black.png');

}

li.projects {

    padding-top: 14px;

    margin-left: 44px;

}

li.panels {

    padding-top: 13px;

    margin-left: 31px;

}

li.portraits {

    padding-top: 15px;

    margin-left: 30px;

}

li.about {

    padding-top: 13px;

    margin-left: 29px;

}

li.shop {

    padding-top: 12px;

    margin-left: 24px;

}

/*

li.video {

    padding-top: 14px;

    margin-left: 23px;

}

li.contact {

    padding-top: 15px;

    margin-left: 21px;

}

*/

li.danb {

    padding-top: 7px;

    margin-left: 29px;

}

li.news {

    padding-top: 18px;

    margin-left: 29px;

}

li.press {

    padding-top: 18px;

    margin-left: 28px;

}

li.camera-dude-left {

    /*margin-left: 1px;*/

}

li.camera-dude-right {

    margin-left: 49px;

}



.main-navigation {

    clear: both;

    display: block;

    float: left;

    width: 100%;

    padding: 5px 0 3px 0;

    border-style: none none solid none;

    border-width: 1px;

    border-color: #c2c2c2;

/*    margin: 10px 0px 20px 0px;*/

    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    transition: background 300ms linear;

}

.black-menu {
    background-color: black;
}



#masthead {

    position: fixed;

    top: 0;

    background: white;

    padding: 0;

    z-index: 9999;

    width: 100%;
/*
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    transition: background 300ms linear;
*/
}



.main-navigation ul {

    list-style: none;
    display: inline-block;

    margin: 0;

    padding: 0;

}



.main-navigation li {

    float: left;

    position: relative;

}



.main-navigation a {

    display: block;

    text-decoration: none;

}



.main-navigation ul ul {

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

    float: left;

    position: absolute;

    top: 1.5em;

    left: -999em;

    z-index: 99999;

}



.main-navigation ul ul ul {

    left: -999em;

    top: 0;

}



.main-navigation ul ul a {

    width: 200px;

}



.main-navigation ul ul li {



}



.main-navigation li:hover > a {

}



.main-navigation ul ul :hover > a {

}



.main-navigation ul ul a:hover {

}



.main-navigation ul li:hover > ul {

    left: auto;

}



.main-navigation ul ul li:hover > ul {

    left: 100%;

}



.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a {

}



/* Small menu. */

.menu-toggle {

    display: none;

}


@media screen and (max-width: 525px) {

    .site-branding {
        display: none;
    }


    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
	display: block; 
    }

    .site-content .press-page .press-table-left {
        width: 100%;
    }

    .press-page .hide-row {
        display: none;
    }

    .site-content .projects-thumbnail-item-image {
        width: 250px;
    }


}



@media screen and (max-width: 950px) {

    .site-branding {
        display: none;
    }

    .menu-toggle,

    .nav-menu.toggled {

        display: block;

    }

    .nav-menu.toggled li {

        width: 100%;

        text-align: right;
        margin-left: 0;
        padding: 20px 100px 20px 50px;
        border-style: solid none none none;
        border-width: 1px;
        border-color: #c2c2c2;

    }

    /*.main-navigation, .nav-menu.toggled, .menu-toggle {*/

    /*    float: right;*/

    /*}*/

    .main-navigation ul,

    li.camera-dude-left,

    li.camera-dude-right,

    li.danb {

        display: none;

    }

    /*.menu-main-menu-container {*/

    /*    float: right;*/

    /*}*/

    .main-navigation {

        clear: both;

        display: block;

        float: left;

        width: 100%;

        padding: 0px;
        margin-top: 5px;

        border: none;

    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;

    }

    button.menu-toggle {

        display: block;

        padding: 0px;

        margin-left: 15px;

        outline: none;

        text-indent: -9999px;

        background-position: 0 0;

        height: 35px;

        width: 300px;

        background-image: url('images/menu/hamburger_dan.png');

        background-color: white;

        border: none;

        box-shadow: none;

    }

    button.menu-toggle.black-menu {
        background-image: url('images/menu/hamburger_dan_on_black.png');
        background-color: black;
    }

    #masthead {
        padding: 15px 0 5px 0;
    }

    #content {
        padding: 60px 15px 0 15px !important;
    }

    #secondary .AlpinePhotoTiles-image {
        width: 100%;
        height: 100%;
    }

    #secondary .alpine-instagram-image-title {
        width: 100%;
    }

    .site-content #primary, .site-content .projects-page, .site-content .panels-page, .site-content .portraits-page, .site-content .about-page, .site-content .press-page, .site-content .shop-page {
        width: 100%;
        max-width: 100%;
    }

    .site-content #secondary {
        width: 100%;
        max-width: 100%;
        border-style: none;
        margin: 0;
        padding: 0;
    }

    .press-page .press-table-left {
        width: 50%;
    }

    #page .site-content {
        padding-bottom: 120px;
    }
    
    #page footer.site-footer {
        height: 1px;
        display: table-row;
        padding: 10px 0 10px 0;
    }

    .site-footer .footer-images {
        background-color: black;
    }

    .site-footer div.site-info {
        padding-top: 10px;
        background-color: black;
    }

    #page {
        width: 100%;
    }

    .site-footer li.footer-flickr a {
        margin: 10px 50px 0 50px;
    }

    .about-page div.about-left-side {
        margin-right: inherit;
        width: auto;
    }

    .about-page div.about-bottom {
        margin-top: inherit;
    }

    .about-page div.about-bottom-left {
        width: inherit;
    }

    .about-page div.about-contact {
        margin-bottom: inherit;
    }

    .main-navigation .nav-menu.toggled li {
        padding: 10px 0 10px 50px;
    }

   .site-content .prints-page, .site-content .books-page, .site-content div.books, .site-content div.prints {
        width: inherit;
        margin: inherit;
    }

    .site-content .prints table, .site-content .prints-buy, site-content .books-buy {
        width: inherit;
    }

    .site-content .press-page ul {
        margin-left: 0px;
    }

    .content-area .entry-header {
        height: auto;
    }

    .content-area .entry-title {
        float: inherit;
    }

    .content-area .entry-meta {
        float: inherit;
        padding: 0 0 5px 0;
    }

    .site-content .prints-page {
        height: inherit;
    }

    .site-content .prints-thumbnail-item, .site-content .books-thumbnail-item {
        float: none;
        margin: 0 auto;
        display: inline-block;
        width: inherit;
        padding: 0 22px;
    }

    .site-content .prints-thumbnail-item-text {
        margin-left: inherit;
    }

    .site-content .projects-thumbnail-item {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }

    .site-content .projects-page {
        margin: 0 auto;
        text-align: center;
    }

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

    margin: 0 0 1.5em;

    overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

    float: left;

    width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

    float: right;

    text-align: right;

    width: 50%;

}



/*--------------------------------------------------------------

6.0 Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

}



.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000; /* Above WP toolbar. */

}



/*--------------------------------------------------------------

7.0 Alignments

--------------------------------------------------------------*/

.alignleft {

    display: inline;

    float: left;

    margin-right: 1.5em;

}



.alignright {

    display: inline;

    float: right;

    margin-left: 1.5em;

}



.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



/*--------------------------------------------------------------

8.0 Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

    content: "";

    display: table;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

    clear: both;

}



/*--------------------------------------------------------------

9.0 Widgets

--------------------------------------------------------------*/

.widget {

    margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets. */

.widget select {

    max-width: 100%;

}



/* Search widget. */

.widget_search .search-submit {

    display: none;

}



/*--------------------------------------------------------------

10.0 Content

--------------------------------------------------------------*/

#page {

/*

    width: 986px;

    padding: 0 33px 0 33px;

*/

    margin: 0 auto;
    display: block;
    min-height: 100%;
    position: relative;
}

#content {
    max-width: 1380px;
    margin: 0 auto;
    padding: 77px 0 220px 0;
}

#primary {
/*
    float: left;
    max-width: 692px;
    float: left;
    width: 708px;
    border-style: none solid none none;
    border-width: 1px;
    border-color: #c2c2c2;
    padding-right: 15px;
*/
}

#secondary {
    max-width: 213px;
    float: left;
    padding-left: 11px;
    margin-left: 15px;
    border-style: none none none solid;
    border-width: 1px;
    border-color: #c2c2c2;
/*
    margin-left: 0px;
    float: left;
    padding-left: 11px;
    width: 212px;
*/
}

a.more-link {

    display: block;

    margin: 10px 0;

    outline: none;

    text-indent: -9999px;

    background-position: 0 0;

    height: 20px;

    width: 97px;

    background-image: url('images/read_more.png');

    background-color: white;

    border: none;

    box-shadow: none;

}

a.more-link:hover {

    background-position: 0 -20px;

}



/* instagram widget */

a.sbi_header_link {

    display: block;

    margin: 0px 0 0 90px;

    outline: none;

    text-indent: -9999px;

    background-position: 0 0;

    height: 25px;

    width: 25px;

    background-image: url('images/instagram.png');

    background-color: white;

    border: none;

    box-shadow: none;

}

a.sbi_header_link:hover {

    background-position: 0 -25px;

}

div.sbi_header_text, div.sbi_header_img {

    display: none;

}

div.sbi_item, div.sbi_type_image {

    border-style: none none solid none;

    border-width: 1px;

    border-color: #c2c2c2;

}



/* alpine instagram plugin */

.AlpinePhotoTiles-image {

    width: 205px;

    height: 205px;

    /*margin-top: 5px;*/

}

.alpine-instagram-image-title {

    font-size: 0.8em;

    display: block;

    width: 195px;

    /* text-align: center; */

    margin-left: 5px;

    padding-bottom: 10px;

    border-style: none none solid none;

    border-width: 1px;

    border-color: #c2c2c2;

}

.AlpinePhotoTiles_container_class img {

    margin: 0 0 0 0 !important;

}

.AlpinePhotoTiles_parent_class {

    /*text-align: inherit;*/

}

.alpine-instagram-image-group {

    padding: 5px 0;

    /*border-style: none none solid none;*/

    /*border-width: 1px;*/

    /*border-color: #c2c2c2;*/

}

.apline-instagram-link {

    display: block;

    margin: 0 auto;

    outline: none;

    text-indent: -9999px;

    background-position: 0 0;

    height: 25px;

    width: 25px;

    background-image: url('images/instagram.png');

    background-color: white;

    border: none;

    box-shadow: none;

}

.apline-instagram-link:hover {

    background-position: 0 -25px;

}

.alpine-instagram-link-container {

    /*padding: 9px 0 17px 15px;*/

}



/*projects page*/

.projects-page, .portraits-page {

    max-width: 1380px;
    text-align: center;

    /*margin: 0 0 65px 0;*/

}

.projects-page img {
    margin: 25px 0 25px 0;
}

.projects-thumbnails {
    max-width: 950px;
    margin: 0 auto;
}

.projects-thumbnail-item {

    display: inline-block;

    padding: 0 13px;

}

.projects-thumbnail-item-image {

    display: block;

    outline: none;

    text-indent: -9999px;

    font-size: 0;

    background-position: 0 0;

    height: 187px;

    width: 280px;

}

.projects-thumbnail-item-image:hover {

    background-position: 0 -187px;

}

.projects-thumbnail-item-text {

    display: block;

    line-height: 30px;

    padding-bottom: 30px;

    text-align: center;

    font-weight: bold;

}

.projects-item-text, .portraits-item-text {

    display: block;

    line-height: 30px;

    padding-bottom: 55px;

    text-align: center;

    font-weight: bold;

}

.projects-title {

    font-size: 1.3em;

    text-align: center !important;

    font-weight: bold;

}

.projects-text {

    text-align: center;

    margin-bottom: 5px;

}



/* press page */

.press-page {

    width: 920px;

    margin: -13px auto 0 auto;


}

.press-page h1 {

    font-size: 1.95em;

    margin-top: 10px;

}

.press-heading {

    font-size: 1.95em;

    margin: 10px 0;

}

.press-table {

    width: 100%;

}

.press-table td {

    vertical-align: top;

}

.press-table-left {

    width: 538px;

}

.press-page ul {

    list-style: none;

}

.press-page li {

    margin-bottom: 20px;

}

.press-title {

    font-size: 1.05em;

    font-weight: bold;

    line-height: 1;

}

.press-reference {

    line-height: 1;

    font-size: 0.85em;

}

.press-link, .press-link:visited, .about-link, .about-link:visited, .shop-link, .shop-link:visited {

    text-decoration: none;

    color: black;

}

.press-link:hover, .about-link:hover, .shop-link:hover, .shop-link-selected:hover, .book-link-selected:hover {

    text-decoration: none;

    color: #059edd;

}

.press-media {

    color: red;

    font-size: 0.8em;

    padding-left: 15px;

}



/* about page */

.about-page {
    width: 920px;
    margin: -10px auto 0 auto;
}

.about-contact-download, .about-support-images {
    width: 920px;
    display: flex;
    justify-content: center;
    margin: 5px 5px 10px 5px;
}

.about-dan {
    line-height: 1.15;
}

.about-page li {

    list-style: none;

    margin-bottom: 11px;

}

.about-page ul {

    margin-left: 0;

    padding-left: 0;

}

.about-support{
    text-align: center;
    display: table;
    margin: 0 auto 30px auto;
    width: 90%;
}


.about-support-images div {
    width: 33%;
}

.about-support-images li {
    display: inline;
}

.about-support-images img {

    vertical-align: middle;

}

.about-support, .about-commissions-include, .about-contact-download {
    text-align: center;
}

.about-contact, .about-commissions-include, .about-support-from {
    padding: 5px;
    font-weight: bold;
    font-size: 1.3em;
}

.about-commissions {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 1em;
    padding: 15px 5px 5px 5px;
}



/* panels page */

.panels-page, .portraits-page {

    width: 1380px;

    /*margin-top: 9px;*/

}

.panels-item {

    padding-bottom: 60px;

}

.panels-item-text {

    display: block;

    /*line-height: 30px;*/

    /*padding-bottom: 30px;*/

    text-align: center;

    /*font-weight: bold;*/

}

.panels-item-title {

    display: block;

    /*line-height: 30px;*/

    /*padding-bottom: 30px;*/

    text-align: center;

    font-weight: bold;

}

    



/* shop page */

.shop-page {

    /*width: 1380px;*/

    /*margin: 0 0 0 8px;*/

    /*margin-left: 8px;*/

    /*text-align: center;*/

    float: left;

}

.shop-prints, .shop-books {

    float: left;

    display: block;

    width: 50%;

}

.shop-header {

    font-weight: bold;

    font-size: 2em;

}

.shop-page ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.shop-page li {

    margin-bottom: 15px;

}

.shop-false {
    max-width: 920px;
    margin: 0 auto;

}



/* prints page */

.prints-page, .books-page {

    text-align: center;

    display: block;

}

.prints-thumbnail-item, .books-thumbnail-item {

    display: inline-block;

    margin: 0 22px;

}

.prints-thumbnails {
    max-width: 807px;
    margin: 0 auto;
}

.prints-thumbnail-item-image, .books-thumbnail-item-image {

    display: block;

    outline: none;

    text-indent: -9999px;

    font-size: 0;

    background-position: 0 0;

    height: 307px;

    width: 200px;

}

.prints-thumbnail-item-image:hover, .books-thumbnail-item-image:hover {

    background-position: 0 -307px;

}

.prints-thumbnail-item-text, .books-thumbnail-item-text {

    display: block;

    font-size: 0.75em;

    line-height: 44px;

    padding-bottom: 45px;

    /*text-align: center;*/

    /*font-weight: bold;*/

    margin-left: -25px;

}

.prints, .books {

    width: 1380px;

    margin: 0 auto;

    display: block;

}

.prints-table-left {

    width: 100px;

}

.prints-table-right {

    width: 400px;

}

.prints table {

    width: 500px;

    margin: 10px auto;

}

.prints td {

    padding: 7px;

    vertical-align: top;

    font-size: 0.9em;

}

.prints-title, .books-title {

    text-align: center;

    margin: 10px auto;

}

.prints-buy, .books-buy {

    float: right;

    text-align: center;

    width: 500px;

}



/*books page */

.books-thumbnail-item-image {

    display: block;

    outline: none;

    text-indent: -9999px;

    font-size: 0;

    background-position: 0 0;

    height: 200px;

    width: 200px;

}

.books-thumbnails {
    max-width: 807px;
    margin: 0 auto;
}

.books-thumbnail-item-image:hover {

    background-position: 0 -200px;

}

.books ul {

    list-style: none;

    width: 500px;

    margin: 10px auto;

}

.books li {

    margin: 0;

}


.menu-menu-1-container {

    text-align: center;

}

/* footer */
.footer-images {
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
    width: 38px;
    height: 40px;
}
.footer-images li {
    float: left;
    position: relative;
}
.footer-images a {
    display: block;
    text-decoration: none;
}
.footer-images-wrapper {
    background-color: black;
    width: 100%;
}
.site-footer {
    padding: 4px 0px 0px 0px;
    color: white;
/*    margin-top: 300px; */
    background-color: black;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}
.footer-item a {
    display: block;
    padding: 0px;
    outline: none;
    text-indent: -9999px;
    font-size: 0;
    background-position: 0 0;
}
.footer-instagram a {
    height: 38px;
    width: 38px;
    background-image: url('images/footer/instagram_footer_button.png');
}
.footer-instagram a:hover {
    background-position: 0 -38px;
}
.footer-flickr a {
    margin: 10px 100px 0 115px;
    height: 25px;
    width: 83px;
    background-image: url('images/footer/flickr_footer_button.png');
}
.footer-flickr a:hover {
    background-position: 0 -25px;
}
.footer-twitter a {
    margin: 4px 0 0 0;
    height: 39px;
    width: 48px;
    background-image: url('images/footer/twitter_footer_button.png');
}
.footer-twitter a:hover {
    background-position: 0 -39px;
}
.site-info {
    margin: 0 auto;
    text-align: center;
    color: white;
    font-size: 0.75em;
}

/* color box*/
#cboxOverlay {
    background: none repeat scroll 0 0 #000;
}
#cboxTitle {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    bottom: 38px;
    color: #535353;
    left: 0;
    padding: 4px 4px 4px 15px;
    position: absolute;
    width: 95%;
    margin: 0;
}



/*--------------------------------------------------------------

10.1 Posts and pages

--------------------------------------------------------------*/

.entry-title {

    margin: 0;

    float: left;

    font-size: 1.89em;

}



.entry-meta {

    float: right;

    font-weight: bold;

    font-size: 0.9em;

}



.entry-meta {

    padding-top: 10px;

}



.entry-header {

    border-style: solid none solid none;

    border-width: 1px;

    border-color: #c2c2c2;

    height: 45px;
    
    margin-bottom: 13px;

}



.sticky {

    display: block;

}



.hentry {

    margin: 0 0 1.5em;

}



.byline,

.updated:not(.published) {

    display: none;

}



.single .byline,

.group-blog .byline {

    display: inline;

}



.page-content,

.entry-summary {

    margin: 1.5em 0 0;

}



.entry-content {

    /*margin-top: 13px;*/

}



/*.entry-content a {*/

    /*059edd*/



.page-links {

    clear: both;

    margin: 0 0 1.5em;

}



.entry-content p {

    line-height: 1.15;

    margin-top: 13px !important;

    text-align: justify;

}

.center {

    text-align: center;

}





/*--------------------------------------------------------------

10.2 Asides

--------------------------------------------------------------*/

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

    display: none;

}



/*--------------------------------------------------------------

10.3 Comments

--------------------------------------------------------------*/

.comment-content a {

    word-wrap: break-word;

}



.bypostauthor {

    display: block;

}



/*--------------------------------------------------------------

11.0 Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

    display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

    display: block;

}



/*--------------------------------------------------------------

12.0 Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

    border: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

    max-width: 100%;

}



/*--------------------------------------------------------------

12.1 Captions

--------------------------------------------------------------*/

.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

    display: block;

    margin: 0 auto;

}



.wp-caption-text {

    text-align: center;

}



.wp-caption .wp-caption-text {

    margin: 0.8075em 0;

}



/*--------------------------------------------------------------

12.2 Galleries

--------------------------------------------------------------*/

.gallery {

    margin-bottom: 1.5em;

}



.gallery-item {

    display: inline-block;

    text-align: center;

    vertical-align: top;

    width: 100%;

}



.gallery-columns-2 .gallery-item {

    max-width: 50%;

}



.gallery-columns-3 .gallery-item {

    max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

    max-width: 25%;

}



.gallery-columns-5 .gallery-item {

    max-width: 20%;

}



.gallery-columns-6 .gallery-item {

    max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

    max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

    max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

    max-width: 11.11%;

}



.gallery-caption {

    display: block;

}
