/*!
Theme Name: pnfolio - Charlie Fox
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Minimalist portfolio theme by Purple Network
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pnfolio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

pnfolio is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@import 'css/grid.css';


@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,800;1,400;1,800&display=swap');


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {

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

body {
    margin: 0;
}

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;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 1.2em;
    margin: 0.67em 0;
    font-weight: 700;
}

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: 15px 0;
}

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-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;
}

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

ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
}

ul li {
    margin: 0 0 0.5em 0;
}

.single-entry ul li {
    margin: 0 0 0.5em 0;
    max-width: 738px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
html {
    height: 100%;
}

html {
    font-family: 'Bitter', serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    color: #414141;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #141414;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    clear: both;
    margin: 0 0 0.4em 0;
    letter-spacing: 0.03em;
}



h1 {
    font-size: 36px;
    line-height: 1.2em;

}


h2 {
    font-size: 32px;

}

h3 {
    font-size: 27px;

}

h4 {
    font-size: 23px;
}

h5 {
    font-size: 21px;
}

h6 {
    font-size: 17px;

}

p,
li {

    line-height: 1.4em;
    margin: 0 0 15px 0;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.03em;
}

strong {
    font-weight: 700;
}

blockquote {
    padding: 30px;
    max-width: 960px;
}

blockquote,
blockquote p {
font-style: italic;
    font-family: Georgia,Times,Times New Roman,serif; 
    font-size: 23px;
    line-height: 1.35em;
}

blockquote cite {
    font-style: normal;
    letter-spacing: 0.1em;
    font-size: 17px;
}


@media screen and (min-width:992px) {

    h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 32px;
    }

    h4 {
        font-size: 27px;
    }

    h5 {
        font-size: 23px;
    }

    h6 {
        font-size: 19px;
    }

    p,
    li,
    blockquote cite {
        max-width: 1140px;
    }

    .large,
    .large p {
        font-size: 42px;
    }
}







dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
   
}

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;
}

big {
    font-size: 125%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: solid 2px #414141;
    background: #414141;
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: bottom;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
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 {
    background: #000;
    border: solid 2px #000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #414141;
    vertical-align: bottom;
}

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: 7px;
}

textarea {
    padding-left: 3px;
    width: 100%;
}

fieldset.searchbox {
    margin: 0;
    padding: 0;
}

.searchfield {
    margin: 0 6px 0 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #444;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #00d9c8;
}

a:focus {
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}



h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
    color: #151515;
}


h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active {
    text-decoration: none;
}

h1.site-title a:hover {
    color: #000;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul > li {
    position: relative;
}

.mobdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    cursor: pointer;
    height: 100%;
    /* bottom: 0; */
    z-index: 1;
    height: 60px;
}



/* Effect 4: bottom border enlarge */

.main-navigation {

}

.main-navigation ul {
    list-style: none;
    margin: 15px 0 0 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
    padding: 7px 0;
    margin: 0;
    font-size: 12px;

}

.main-navigation a {
    text-decoration: none;
        letter-spacing: 0.1em;
    position: relative;
}

/* Small menu. */


.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

.main-navigation.toggled ul {
    clear: both;
    text-align: left;
}

button.menu-toggle {
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    letter-spacing: .124em;
    font-size: 24px;
    padding: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    float: right;
    color: #d3d3cb;
    outline: none;
}

button.menu-toggle:hover,
button.menu-toggle:active,
,
button.menu-toggle:focus {
    outline: none;
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

.main-navigation.toggled ul {
    clear: both;
    text-align: left;
}

button.menu-toggle,
button.menu-close {
    background-color: transparent;
    border: none;
    color: #777;
    position: relative;
    height: 24px;
    width: 29px;
    outline: none;
}

button.menu-toggle:before,
button.menu-toggle:after,
button.menu-toggle span,
button.menu-close:before,
button.menu-close:after {
    content: "";
    height: 2px;
    background-color: #002333;
    position: absolute;
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 31px;
    left: 0;
}

button.menu-toggle:before,
button.menu-close:before {
    top: 0;
    transform-origin: bottom left;
}

button.menu-toggle:after,
button.menu-close:after {
    bottom: 0;
    transform-origin: top left;
}



button.menu-toggle.close-menu:before,
button.menu-close:before {
    transform: rotate(45deg);
}

button.menu-toggle.close-menu:after,
button.menu-close:after {
    transform: rotate(-45deg);
}


button.search-close:before,
button.search-close:after {
    content: "";
    height: 2px;
    background-color: #fff;
    position: absolute;
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 31px;
    left: 0;
}


button.search-close {
    background-color: transparent;
    border: none;
    color: #777;
    position: relative;
    height: 24px;
    width: 29px;
    outline: none;
    margin-top: 30px;
}

button.search-close:before {
    top: 0;
    transform-origin: bottom left;
    transform: rotate(45deg);
}

button.search-close:after {
    bottom: 0;
    transform-origin: top left;
    transform: rotate(-45deg);
}






button.menu-toggle.close-menu span {
    opacity: 0;
}

button.menu-toggle:hover,
button.menu-toggle:active,
button.menu-toggle:focus {
    outline: none;
}



.toggled .menu-toggle .fa-bars,
.menu-toggle .fa-times {
    DISPLAY: NONE !important;
}

.toggled .menu-toggle .fa-times,
.menu-toggle .fa-bars {
    DISPLAY: INLINE-BLOCK !important;
}



.main-navigation li {
    display: block;
}
ul#primary-menu>li {

}

.main-navigation li ul li {
    border-bottom: none;
}

.main-navigation ul ul a {
    color: #82817a;
    margin-right: -9px;
}

.main-navigation ul ul li {
    display: inline-block;
}

    .main-navigation ul li.menu-item-has-children a:after {
        content: "\f107";
        font-family: FontAwesome;
        color: #82817a;
        margin-left: 6px;
    }

    .main-navigation ul li.menu-item-has-children ul a:after {
        content: "";
    }

@media screen and (max-width: 900px) {
    .main-navigation li {
    font-size: 17px;
}

    .navigation {
        padding: 70px 30px;
        width: 100%;
        background-color: #f5f5f5fa;
        position: fixed;
        right: -100%;
        top: 0;
        height: 100vh;
        max-width: 460px;
        z-index: 10;
        text-align: left;
        display: block;
        transition: right 0.8s ease;
        -webkit-transition: right 0.8s ease;
        overflow-y: scroll;
        -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
    }

    .navigation.open-menu {
        right: 0;

    }

    .navigation .menu-close {
        display: block;
    }

    .main-navigation ul li {
        display: block;
        text-align: left;

        border-top: solid 1px #b3b6b9;
    }

    .main-navigation ul ul li {

        border-bottom: none;
        border-top: dotted 1px #b3b6b9;
    }


    .main-navigation li a {
        display: block;
        padding: 10px 0;
    }

    .main-navigation li ul.sub-menu {
        display: none;
    }

    .main-navigation li.show-sub-menu ul.sub-menu {
        display: block;
    }

    .main-navigation li ul li {
        display: block;
    }

    .main-navigation ul li.menu-item-has-children > a:after {
        margin-left: 7px;
    }

    .main-navigation ul li.menu-item-has-children.show-sub-menu > a:after {
        content: "\f106";
    }


}

@media screen and (min-width: 1400px) {
.main-navigation li {
    font-size: 17px;
}
}



@media screen and (min-width: 900px) {
    
        .mobdrop {
    left: auto;
    right: 20px;
    height: 45px;
    width: 25px;

    }
    
    button.menu-toggle, button.menu-close {display: none;}
    
    .main-navigation {}

    .main-navigation li {
        padding: 15px 7px;
        border-bottom: none;
        line-height: 1em;
    }

    .main-navigation li a {


        line-height: 1em;
    }

    .main-navigation ul ul li {
        display: block;
    }

    .main-navigation ul ul a {
        color: #82817a;
        margin-right: 9px;
    }

    .main-navigation ul ul li {
        display: block;
    }

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }

    .main-navigation li {
        display: inline-block;
    }

    .main-navigation ul ul {
        float: left;
        position: absolute;
        top: 44px;
    margin-top: 0;
        left: -999em;
        z-index: 99999;
        opacity: 0;
    }

    .main-navigation ul ul a:hover::before,
    .main-navigation ul ul a:focus::before {
        opacity: 0;
    }


    .main-navigation ul ul li a:hover {
        color: #000;
    }



    .main-navigation ul ul li {
        overflow: hidden;
        background-color: #f5f5f5;
        margin: 0;
        display: block;
        padding: 0;
    }

    .main-navigation ul > li:hover ul li {
        opacity: 1;
    }

    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
    }

    .main-navigation ul ul a {
        width: 200px;
        padding: 5px 16px;
        line-height: 2em;
        display: block;
    }

    .main-navigation ul ul li {}

    .main-navigation li:hover > a,
    .main-navigation li.focus > a {}

    .main-navigation ul ul:hover > a,
    .main-navigation ul ul .focus > a {}

    .main-navigation ul ul a:hover,
    .main-navigation ul ul a.focus {}

    .main-navigation ul li:hover > ul,
    .main-navigation ul li.show-sub-menu > ul,
    .main-navigation ul li.focus > ul {
        left: -100px;
        opacity: 1;
    }

    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a,
    .main-navigation .current-menu-ancestor > a {}
}
@media screen and (min-width: 1280px) {
.main-navigation li {
    font-size: 15px;
            padding-right: 20px;
}
}


@media screen and (min-width: 1300px) {
.main-navigation li {
    font-size: 15px;
            padding-right: 30px;
}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation,
.entry-footer {
    width: 100%;
    margin: 1em auto;
    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%;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu ul li {
    margin: 15px 15px 15px 0;
    padding: 0;
    display: inline-block;
}

.main-navigation li.current-menu-ancestor a,
.main-navigation li.current-menu-parent a,
.main-navigation li.current_page_ancestor a,
.main-navigation li.current-menu-item a {

}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
    clip-path: none;
    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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 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;
}

/*--------------------------------------------------------------
# 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;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

.widget-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.list-portfolio {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

ul.list-portfolio li {
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#page {
    padding: 30px;
    max-width: 1600px;
    margin: 30px auto;
}

.site-header .row {
   justify-content: flex-end;
}

#news .post {
    padding-bottom: 30px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 30px;
}

h1.site-title {
margin-bottom: 0;
}

.site-main {
    min-height: 90vh;
}


#masthead {
    margin-bottom: 60px;
}

.header-row {
    
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


h2.portfolio-excert-header {
font-size: 15px;
    font-family: 'Bitter', serif;
    font-weight: normal;
    letter-spacing: 0.04em;
}

.entry-image img {
    display: block;
    margin: 0 auto;
}

.entry-image {
    margin-bottom: 15px;
}

.excerpt {
    margin-bottom: 30px;
}

.read-more {
    display: block;
    margin-bottom: 15px;
}

.search-result {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #151515;
}

h1.portfolio-excert-header {
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
}

h2.entry-title {
    font-size: 27px;
}

.play-gallery {margin-top: 10px;}

.play-gallery img {margin-bottom: 30px;}

h1.portfolio-excert-header a:hover {
    text-decoration: underline;
}

.site-description {letter-spacing: 0.01em;}


@keyframes flicker-in {
    0% {
        opacity: 0.99;
    }

    33% {
        opacity: 0.7;
    }

    100% {
        opacity: 0.99;
    }
}

@-o-keyframes flicker-in {
    0% {
        opacity: 0.99;
    }

    33% {
        opacity: 0.7;
    }

    100% {
        opacity: 0.99;
    }
}

@-moz-keyframes flicker-in {
    0% {
        opacity: 0.99;
    }

    33% {
        opacity: 0.7;
    }

    100% {
        opacity: 0.99;
    }
}

@-webkit-keyframes flicker-in {
    0% {
        opacity: 0.99;
    }

    33% {
        opacity: 0.7;
    }

    100% {
        opacity: 0.99;
    }
}

.entry-image a img {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


.entry-image a:hover img {

    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-animation: flicker-in 2s;
    -moz-animation: flicker-in 2s;
    -o-animation: flicker-in 2s;
    animation: flicker-in 2s;
    opacity: 0.75;
}

.home-image img,
    {
    max-height: 550px;
    margin-bottom: 15px;
    width: auto;
}

@media screen and (min-width: 900px) {
    .home-image img {
        max-height: calc(100vh - 235px);
        width: auto;
    }
}

.single-navigation {
    margin: 30px 0 15px 0;
    padding: 15px 0;
    border-top: solid 1px #a2a2a2;
    overflow: hidden;
}

.prev-link {
    float: left;
}

.next-link {
    float: right;
}



.category-name {
    font-weight: 400;
    margin-bottom: 15px;
}
.home-image {
    margin-bottom: 10px;
}

.home-content {
    padding: 60px 0;
    
    max-width: 866px;
    margin: 0 auto;
}
.excert-content {
    background-color: #f7f5f5;
    padding: 2px;
}

.excert-content .entry-copy {
    padding: 0 15px 15px 15px;
}

.contact-form label {
    font-weight: 300 !important;
}


.grid-sizer {height: 1px;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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;
}

/*--------------------------------------------------------------
# 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%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.cycle-slideshow,
.cycle-slideshow * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cycle-slideshow {
    width: 100%;
    max-width: 1600px;
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
}

.cycle-slideshow > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 0;
    display: block;
}

.slider-controls {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
}

.slider-controls #prev {
    padding-right: 30px;
}

.slider-controls a {
    color: #b0b0ae;
}

.slider-controls a:hover {
    color: #414141;
}



#adv-custom-pager a {
    display: inline-block;
    margin: 0 15px 15px 0;
    height: 120px;
}

#adv-custom-pager a.cycle-pager-active {
    opacity: 0.6;
}

#adv-custom-pager a:hover {
     opacity: 0.8;   
    
}

#adv-custom-pager img {
    max-height: 100%;
}

.cycle-slideshow img {
    max-height: 550px;
}

@media screen and (min-width: 900px) {
    .cycle-slideshow img {
        max-height: calc(100vh - 320px);
        margin-bottom: 15px;
        width: auto;
    }
}


.cycle-pager-active {
    opacity: 0.8;
}

.slide-overlay {
    position: relative;
    overflow: hidden
}



/* anchors */
.cycle-slideshow > article { 
    position: absolute; 
    top: 0; 
    left: 0;
    width: 100%; 
    padding: 0; 
    display: block;
}

/* images */
.cycle-slideshow > article > img { 
    width: 100%;
    position: static;
    display: block;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 15px;
}


.slick-slideshow img {
    max-height: calc(100vh - 300px);
    width: auto;
    margin: 0 30px 30px 30px;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    
}

#home .slick-slide img
{
 max-height: 550px;
height: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #151515;
    top: calc(50% - 30px);
    cursor: pointer;
    outline: none;
    border: none;
    border-radius: 0;
    
}
@media screen and (min-width: 900px) {
.slick-slideshow .slick-prev,
.slick-slideshow .slick-next
{
     opacity: 0;   
}
.slick-slideshow:hover .slick-prev,
.slick-slideshow:hover .slick-next
{
     opacity: 0.5;   
}
}
.slick-prev:before,
.slick-next:before
{
    content: "";
    width: 30px;
    height: 30px;
-ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari 3-8 */
  transform: rotate(45deg);
    display: block;
}

.slick-prev:before
{
 border-bottom: solid 2px #fff;
 border-left: solid 2px #fff;
        margin-left: 15px;
}
.slick-next:before
{
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;    

}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    opacity: 0.9;
    outline: none;
    border: none;    
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}



.slick-prev
{
    left: 0;
    z-index: 1;
}
[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* 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;
}


.wp-block-column {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}

.wp-block-columns {

    margin-left: -15px;
    margin-right: -15px;
}

/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/



@media screen and (min-width: 992px) {
.woocommerce .products ul, .woocommerce ul.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

}

.woocommerce .quantity .qty {
    padding: 5px;
}
    
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #141414;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
background-color: #f7f5f5;
    padding: 2px 2px 15px 2px;
    margin: 0 2.5% 2.992em 0;
    width: 23%;
    box-sizing: border-box;
    

}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: 31.65%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button
{margin-left: 15px;
margin-right: 15px;
}

.woocommerce ul.products li.product .button {
    margin-top: 5px;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 0;
}

.woocommerce ul.products li.product .price {
    color: #444444;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #141414;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #e5e5e5;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #00d9c8;
}