/*!
Theme Name: Ned Web 2.0
Theme URI: http://www.purplenetwork.co.uk
Author: Underscores.me
Author URI: http://www.purplenetwork.co.uk
Description: Minimalist portfolio theme by Purple Network
Version: 2.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/css?family=Montserrat:300,300i,700,700i&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,700&subset=latin-ext');*/
/*@import url('https://fonts.googleapis.com/css?family=Gothic+A1:300,400,700');*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-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: 2em;
	margin: 0.67em 0;
}

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: 'Libre Franklin', sans-serif;*/
        font-family: 'Montserrat', sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    body {
        margin: 0;
    }
    body,
    button,
    input,
    select,
    textarea {
        color: #161616;
        font-size: 15px;
        
        line-height: 1.3;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: bold;
        clear: both;
        margin: 0 0 0.5em 0;
        letter-spacing: 0.02em;
    }
h1 {font-size: 27px;}
h2 {font-size: 25px;}
h3 {font-size: 23px;}
h4 {font-size: 21px;}
h5 {font-size: 19px;}
h6 {font-size: 17px;}



    p {
        font-size: 17px;
        line-height: 1.5em;
        font-weight: normal;
        margin: 0.6em 0;
        max-width: 768px;
        letter-spacing: 0.01em;
    }
    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: #fff;
    text-decoration: none;
    font-size: 0.7em;
}
    big {
        font-size: 125%;
    }


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
   button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        border: solid 2px #6D6E70;
        background: #6D6E70;
        color: #fff;
        font-size: 13px;
        line-height: 1;
        padding: 9px 9px;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        margin: 0;
        border-radius: 0;
            -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
        vertical-align: bottom;
        font-weight: bold;
    }
    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 #ccc;
        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: #161616;
    -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: #fc98df;
    text-decoration: underline;    
}
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;
    }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/



.main-navigation {
    position: relative;
    flex-grow: 2;

}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 10px;
    text-align: center;
    z-index: 9999999;
        background-color: #fff;
}

.main-navigation ul.open-menu {
    display: block;
}

main-navigation ul ul {
    text-align: left;
}

.main-navigation li {
    margin: 0;
    text-transform: uppercase;
}

.main-navigation li a {
    text-decoration: none;
    letter-spacing: 0.05em;
    position: relative;
    font-weight: 700;
}

.main-navigation li li a {

    font-weight: 500;
}

/* Small menu. */

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

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


.main-navigation li {
    display: block;
    position: relative;
}

.main-navigation ul ul a {

    margin-right: -9px;
}

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

}

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

.main-navigation ul li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 3px;
        font-size: 23px;
    line-height: 10px;
}

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

.main-navigation ul ul li {
    line-height: 1.2em;
    display: block;
    font-weight: 500;

}
/* 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;
    color: #777;
    position: relative;
    height: 24px;
    width: 24px;
    outline: none;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

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

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

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

button.menu-toggle span {
    top: 50%;
    transform: translateY(-50%);
}

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

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

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

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


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



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

    }

    .main-navigation ul ul li {


        border-top-color: #787878;
    }

    .main-navigation li a {
        display: block;
        padding: 0 0 15px 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: 6px;
        float: right;
    }

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


}



@media screen and (min-width: 900px) {
    
    .menu-toggle {display: none;}
    
    .main-navigation {
        padding: 0 15px;
    }

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

    }

    .main-navigation li a {
        line-height: 1em;
        padding-right: 15px;
    }

    .main-navigation li:last-child a {
        border-right: none;
    }

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

    .main-navigation ul ul a {
        margin-right: 9px;
        border-right: none;
    }

    .main-navigation ul ul li:first-child a {
        padding-top: 10px;
    }

    .main-navigation ul ul li:last-child a {
        padding-bottom: 10px;
    }

    .main-navigation ul ul a {
        margin-right: 9px;
        border-right: none;
    }

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

    .menu-toggle {
        display: none;
    }

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

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

    .main-navigation li {
        position: relative;
    }

    .main-navigation ul ul {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        opacity: 0;
        background-color: #fff;
-webkit-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.75);
        transition: opacity 0.25s;
        -webkit-transition: opacity 0.25s;
        left: -99999px;
        -webkit-transition-property: opacity;
        width: 300px;
    }

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

    .main-navigation ul ul li a:hover {

    }

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

    .main-navigation ul {
        position: relative;
        text-align: left;
        width: 100%;

    }

    .main-navigation li.megamenu {
        position: static;
    }

    .main-navigation li.megamenu > ul {
        width: calc(100% - 30px);
        box-sizing: border-box;
        z-index: 99;
        padding: 10px 0;
        border-bottom: solid 1px #787878;
    }

    .main-navigation li.megamenu > ul li {
        width: 25%;
        min-width: 200px;
        float: left;
        display: inline-block;
        box-sizing: border-box;
        border-right: solid 1px #787878;
        border-bottom: none;
    }

    .main-navigation li.megamenu:hover > ul,
    .main-navigation li.megamenu.show-sub-menu > ul {
        left: 15px;
        right: 15px;
    }

    .main-navigation li.megamenu > ul li:first-child a {
        padding-top: 5px;
    }

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

    .main-navigation ul ul a {
        width: 300px;
    }
    
    .main-navigation ul li.megamenu ul a {
        width: auto;
    }

    .main-navigation ul ul li {
        padding: 10px 15px;
        line-height: 1.2em;
        display: block;
        font-weight: 500;
        border-bottom: solid 1px #d8d6d6;
    }

    .main-navigation ul li:hover > ul,
    .main-navigation ul li.show-sub-menu > ul {
        left: -15px;
        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 {}
}

.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%;
    text-align: left;
}

.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 {

}

.main-navigation ul > li a {
    position: relative;
}

.mobdrop {
    position: absolute;
    top: 0;
    right: 0;

    width: 50px;
    display: block;
    cursor: pointer;
    height: 100%;
    bottom: 0;
}

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

li.menu-red > a {
    color: #b20942;
}


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

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

body {
        background-size: auto 150px; 
    background-repeat: no-repeat;

    background-position: 100px 15px ;

}


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

body {
    background-position: 15px 15px ;
        background-attachment: fixed;
    
            background-size: 10% auto; 

}

body.admin-bar {    background-position: 15px 47px ;}

   


    .hold-mast {
        min-height: 144px;
    }

    #masthead {
        top: -100px;
        transition: top 1s;
    }

    #masthead.scrolled .not-fixed {
        display: none;
    }

    #masthead.scrolled {
        position: fixed;
        top: 0;
        left: 10%;
        width: 80%;
        z-index: 9999;
        background: #fff;
    }
    #masthead.scrolled .site-branding img {
    max-height: 60px;
    }
    .admin-bar #masthead.scrolled {
        padding-top: 32px;
    }
}

#page {
 padding: 15px;
    max-width: 1600px;
    margin: 0 auto;
}

@media screen and (min-width: 900px) { 
#page {
    width: 80%;
}
    
}

.site-header {
margin-bottom: 15px;
}

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

.site-content {min-height: 736px;}


.footer-sidebar {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.footer-sidebar .widget {
    padding: 15px;
}

.site-branding {
 position: relative;
   
}


.site-branding img{
        max-height: 140px;
    width: auto;

    float: left;
}
.headerrow {
    align-items: top;
    display: flex;
}
@media screen and (min-width: 900px) {
 .site-branding img.headermob { 
     display: none;
}
.headerrow {
    align-items: center;
    display: flex;
}
    .site-branding img {
    margin-right: 30px;
}
}

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

.entry-image img {display: block;}

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

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



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

.homepage {
  align-items: center;
  justify-content: center;
}



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

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

    
    .homepage-image {width: 33.333%;}    
    .homepage-content {width: 66.666%;}    

    h1.homepage-header {font-size: 40px; font-weight: 500;}
}
h1.site-title  {font-weight: 500;}



.bookpage {
   /* display: flex;
    align-items: center;
    justify-content: center;*/
    text-align: center;
    
}

h3.book-title {padding: 15px 0; text-align: center;}

.bookpage-spread .bookpage {padding: 15px;}

.bookpage-spread {
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
    margin: 0;
}

.bookpage-copy {padding: 15px;}

@media screen and (min-width: 768px) { 
    
.book-effect {
    padding: 0 2px;
      -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5)  
}    

    .book-effect-2 {
    padding: 0 2px 0 0;
      -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5)  
} 
    
.bookpage-spread .bookpage-left {
    -webkit-box-shadow: inset -8px 0px 12px -5px rgba(0,0,0,0.75);
-moz-box-shadow: inset -8px 0px 12px -5px rgba(0,0,0,0.75);
box-shadow: inset -8px 0px 12px -5px rgba(0,0,0,0.75);
 transform-origin: 100% 50%;
    background-color: #fff;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    
    }

.bookpage-spread .bookpage-right{
    -webkit-box-shadow: inset 8px 0px 12px -5px rgba(0,0,0,0.75);
-moz-box-shadow: inset 8px 0px 12px -5px rgba(0,0,0,0.75);
box-shadow: inset 8px 0px 12px -5px rgba(0,0,0,0.75);
     transform-origin: 0 50%;
        background-color: #fff;
        -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
    
.overlay-nav-prev:hover + .bookpage-left {
    -ms-transform: skewY(2deg)  scaleX(0.98); /* IE 9 */
    -webkit-transform: skewY(2deg)  scaleX(0.98); /* Safari */
    transform: skewY(2deg)  scaleX(0.98); /* Standard syntax */
    -webkit-box-shadow: inset -8px 0px 12px -5px rgba(0,0,0,0.75),  0px 5px 25px -5px rgba(0,0,0,0.75);
-moz-box-shadow: inset -8px 0px 12px -5px rgba(0,0,0,0.75),  0px 5px 25px -5px rgba(0,0,0,0.75);
box-shadow: inset -8px 0px 12px -5px rgba(0,0,0,0.75), 0px 5px 25px -5px rgba(0,0,0,0.75);
    
    }
.overlay-nav-next:hover + .bookpage-right {
    -ms-transform: skewY(-2deg)  scaleX(0.98); /* IE 9 */
    -webkit-transform: skewY(-2deg)  scaleX(0.98); /* Safari */
    transform: skewY(-2deg)  scaleX(0.98); /* Standard syntax */
    -webkit-box-shadow: inset 8px 0px 12px -5px rgba(0,0,0,0.75),  0px 5px 25px -5px rgba(0,0,0,0.75);
-moz-box-shadow: inset 8px 0px 12px -5px rgba(0,0,0,0.75),  0px 5px 25px -5px rgba(0,0,0,0.75);
box-shadow: inset 8px 0px 12px -5px rgba(0,0,0,0.75), 0px 5px 25px -5px rgba(0,0,0,0.75);
    
    }
    
    .bookpage-spread  {position: relative;}  
    
    .bookpage-spread  .overlay-nav {
                -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
        position: absolute;
        height: 100%; width: 40px; padding: 30px;
        opacity: 0;
        z-index: 1;
    }
    .bookpage-spread  .overlay-nav:hover { opacity: 0.5; }
    
    .bookpage-spread  .overlay-nav.overlay-nav-prev {left: 0; }
    .bookpage-spread  .overlay-nav.overlay-nav-next {right: 0; }    
    
    .bookpage-spread  .overlay-nav a {width: 100%; height: 100%;     display: flex;
        justify-content: center;
        text-align: center;
    align-items: center;
 text-decoration: none; font-size: 40px;
    flex-direction: column;
            position: absolute;
    right: 0;
        top: 0;
    }

}
@media screen and (max-width: 758px) { 
    .bookpage-spread  .overlay-nav {display: none}  
}


.book-navigation {
    overflow: hidden;
    display: block;
    padding: 30px 0;
}

.book-navigation .next-page {float:right;}
.book-navigation .prev-page {float:left;}

.bookpage-spread .entry-image {margin: 0;}


.book-excerpt {
    
    -webkit-box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.35);
    box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.35);
    -moz-transition: all .2s ease-in-out;
    padding: 0 10px;
    text-align: center;
}

.book-excerpt .book-excert-header {font-size: 14px; padding: 5px 0; margin: 0;}

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

.bypostauthor {
	display: block;
}

#comments ol {list-style: none;}

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


#adv-custom-pager {
margin-bottom: 30px;
}
#adv-custom-pager a {display: inline-block; margin: 0 10px 0 0; height: 60px;}
#adv-custom-pager img {
max-height: 100%;
}


.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

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

.gallery-item img {
    -webkit-box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.35);
    box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.35);
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;    
    transition: all .2s ease-in-out;    
}
.gallery-item a:hover img {
    -ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
    -webkit-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.35);
    box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.35);    
}



.blockchain-btn p {font-size:14px; text-align: left;}



/*--------------------------------------------------------------
## WooCommerce
--------------------------------------------------------------*/

.shop {padding: 30px;}


h2.woocommerce-loop-product__title {color: #444;}

.single-product-woo {
    text-align: left;
}
.woocommerce .myaccount_user a,
.woocommerce .button,
.woocommerce-page .button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce-page input[type="submit"]:not(.qode_search_field),
.woocommerce input[type="submit"]:not(.qode_search_field),
.woocommerce ul.products li.product .added_to_cart,
.woocommerce .select2-container .select2-choice .select2-arrow .select2-arrow:after,
.woocommerce-page .select2-container .select2-choice .select2-arrow:after,
.woocommerce-checkout .form-row #billing_country_chzn.chzn-container-single .chzn-single div b:before,
.woocommerce-checkout .form-row #shipping_country_chzn.chzn-container-single .chzn-single div b:before,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b:before,
.woocommerce-account .form-row .chosen-container-single .chosen-single div b:before,
.woocommerce-checkout .chosen-container .chosen-results li.active-result.highlighted,
.woocommerce-account .chosen-container .chosen-results li.active-result.highlighted,
.woocommerce ul.products li.product span.product-title:hover,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce div.product .summary p.price span.amount,
.woocommerce.single-product button.single_add_to_cart_button:hover,
.woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce div.product div.product_meta > span span,
.woocommerce div.product div.product_meta > span a,
.woocommerce .star-rating,
.woocommerce-page .star-rating,
.woocommerce div.cart-collaterals div.cart_totals table tr.order-total strong span.amount,
.woocommerce-page div.cart-collaterals div.cart_totals table tr.order-total strong span.amount,
.woocommerce div.cart-collaterals div.cart_totals table tr.order-total strong,
.woocommerce form.checkout table.shop_table tfoot tr.order-total th,
.woocommerce form.checkout table.shop_table tfoot tr.order-total td span.amount,
.woocommerce aside ul.product_list_widget li > a:hover,
aside ul.product-categories li > a:hover,
.woocommerce aside ul.product_list_widget li span.amount,
aside ul.product_list_widget li span.amount,
.woocommerce .widget_shopping_cart_content p.buttons a.button,
.woocommerce aside .widget ul.product-categories a:hover,
aside .widget ul.product-categories a:hover,
.woocommerce-page aside .widget ul.product-categories a:hover,
.woocommerce aside.sidebar .woocommerce.widget ul.product-categories ul.children li a:hover,
aside ul.product-categories ul.children li a:hover,
.woocommerce-page aside.sidebar .woocommerce.widget ul.product-categories ul.children li a:hover,
.woocommerce aside.sidebar .woocommerce.widget ul.product-categories a:hover,
aside ul.product-categories a:hover,
.woocommerce-page aside.sidebar .woocommerce.widget ul.product-categories li a:hover,
.woocommerce .widget_shopping_cart_content .total .amount,
.woocommerce-page .widget_shopping_cart_content .total .amount,
.woocommerce .select2-results li.select2-highlighted,
.woocommerce-page .select2-results li.select2-highlighted,
.woocommerce .product .woocommerce-product-rating .woocommerce-review-link:hover,
.shopping_cart_header .header_cart:hover i,
.shopping_cart_dropdown ul li a:hover,
.shopping_cart_dropdown span.total span,
.woocommerce .product .woocommerce-product-rating .woocommerce-review-link:hover,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #A11917;
}
.woocommerce .button:hover,
.woocommerce-page .button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce #submit:hover,
.woocommerce ul.products li.product a.qbutton:hover,
.woocommerce-page ul.products li.product a.qbutton:hover,
.woocommerce ul.products li.product .added_to_cart:hover,
.woocommerce-page input[type="submit"]:not(.qode_search_field):hover,
.woocommerce input[type="submit"]:not(.qode_search_field):hover,
.woocommerce .product .onsale.out-of-stock-button,
.woocommerce.single-product button.single_add_to_cart_button,
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .quantity .minus:hover,
.woocommerce #content .quantity .minus:hover,
.woocommerce-page .quantity .minus:hover,
.woocommerce-page #content .quantity .minus:hover,
.woocommerce .quantity .plus:hover,
.woocommerce #content .quantity .plus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce .checkout-opener-text {
    background-color: #A11917;
}
.woocommerce .button,
.woocommerce-page .button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce-page input[type="submit"]:not(.qode_search_field),
.woocommerce input[type="submit"]:not(.qode_search_field),
.woocommerce.single-product button.single_add_to_cart_button:hover,
.woocommerce .quantity .minus:hover,
.woocommerce #content .quantity .minus:hover,
.woocommerce-page .quantity .minus:hover,
.woocommerce-page #content .quantity .minus:hover,
.woocommerce .quantity .plus:hover,
.woocommerce #content .quantity .plus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page #content .quantity .plus:hover {
    border-color: #A11917;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt .woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 3px;
    text-transform: uppercase;
    border: solid 2px #A11917;
    background-color: #fff;
    color: #A11917;
    letter-spacing: 1px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-weight: normal;
}
.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 1em;
}
.woocommerce ul.products li.product a img {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -webkit-backface-visibility: hidden;
}
.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #fff;
text-align: center;
}
.woocommerce-page ul.products li.product  .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product  price,
.woocommerce ul.products li.product .button
{margin:  0 15px;
text-align: center;}
.woocommerce ul.products li.product .button {
    margin-bottom: 15px;
    
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 300;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    float: none;
    margin-left: 0;
    width: 100%;
    height: auto;
    box-shadow: none;
}
.meta-label {
    font-weight: bold;
    text-transform: uppercase;
}
.woocommerce .product .onsale.out-of-stock-button {
    display: none;
}

.woocommerce ul.products li.product .image-wrapper img {
    width: initial;
}
.woocommerce ul.products li.product .image-wrapper {
    min-height: 300px;
}
.woocommerce ul.products li.product .top-product-section {
    padding: 15px 15px 0 15px;
}
.meta-info {
    padding: 5px 7px;
    font-weight: bold;
}
dl.product-addon-totals {
    margin-bottom: 1em;
    overflow: hidden;
    font-size: 26px;
    line-height: 36px;
}
.document-icon .title {
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    min-height: 20px;
}
.document-gallery .document-icon {
    display: inline-block;
    vertical-align: baseline;
}
.woocommerce-LoopProduct-link {
    display: block;
    overflow: hidden;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #414141;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #d3ced2;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
        background: #fefbf9;
    border-bottom-color: #fefbf9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;

}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {

}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {

}
h1.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    margin-bottom: 2px;
    letter-spacing: 1px;
    font-size: 28px;
    font-weight: bold;
}
.woocommerce form .form-row label {
    line-height: 1.5;
}
.sku_wrapper,
.posted_in,
.tagged_as {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.sku_wrapper span,
.posted_in a,
.tagged_as a {
    font-weight: 300;
    text-transform: initial;
}
.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: #F4E7D3;
    border-color: #F4E7D3;
    color: #fff;
}
.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    padding: 8px;
}

.woocommerce .myaccount_user a:hover,
.woocommerce .button:hover,
.woocommerce .button:hover, .woocommerce-page .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce .widget_shopping_cart_content p.buttons a.button:hover,
.woocommerce input.button:active {
    background-color: #A11917;
    color: #fff;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin: 0 -5px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
    list-style: none;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.woocommerce-cart table.cart td.actions .coupon #coupon_code {
    width: 120px;
    height: 40px;
    line-height: 40px;
}
#customer_details {text-align: left;}

.woocommerce-MyAccount-navigation ul {list-style: none;
margin: 0;
}
section.up-sells {clear: both;}