/*
Theme Name: ScottsSteelWorkz
Theme URI: http://themefeeder.net/themes/wordchef
Author: ThemeFeeder
Author URI: http://themeforest.net/user/ThemeFeeder
Description: WordChef is a clean and simple WordPress Blog Theme. Bring your words to life With multiple post formats, a featured post slider, page promo boxes, many color options and a choice of 7 blog layouts. WordChef is easy to customize and its attractive design and smooth functionality is sure to give you and your visitors a great experience.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: WordChef
Tags: white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready, theme-options, full-width-template, threaded-comments

WordChef is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
    4.1 Contact form 7
5.0 Navigation
	5.1 Links
6.0 Featured Posts Slider
    6.1 Featured Pages
7.0 Accessibility
8.0 Alignments
9.0 Clearings
10.0 Widgets
    10.1 Custom Widgets
11.0 Content
	11.1 Posts and pages
    11.2 Post formats
	11.3 Asides
    11.4 Blog Navigation
	11.5 Comments
    11.6 Footer
    11.6 Page 404
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Magnific popup lightbox
14.0 Loading screen
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border:0;
    margin:0;
    outline:0;
    padding:0;
    vertical-align:baseline; 
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="submit"],
textarea {   
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

html {
    font-size:62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y:scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust:100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing:border-box;
    /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ 
}

*,
*: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 {
    -webkit-font-smoothing:antialiased;
    /* Fallback for when there is no custom background color defined. */
    word-wrap:break-word;
    letter-spacing:0.05em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display:block; 
}

ol, ul {
    list-style:none; 
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse:separate;
    border-spacing:0; 
}

caption, th, td {
    font-weight:normal;
    text-align:left; 
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:""; 
}

blockquote, q {
    quotes:"" ""; 
}

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

a:focus {
    outline:thin dotted; 
}

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

a img {
    border:0; }

.row {
    margin:20px 0px 20px 0px;
}

input:focus, textarea:focus {
    outline:none !important;
    outline:1px solid #333333;
}

.clearfix:after {
    content:"";
    clear:both;
    display:block;
    height:0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
input, select, textarea, button {
    font-family:inherit;
}

h1, h2, h3, h4, h5, h6 {
    clear:both;
    margin-bottom:10px;
    line-height:1.5;
}

h1 {
    font-size:2em;
}

h2 {
    font-size:1.5em;
}

h3 {
    font-size:1.2em;
}

h4 {
    font-size:1em;
}

h5 {
    font-size:0.85em;
}

h6 {
    font-size:0.7em;
}

p {
    margin-bottom:1.5em;
}

b, strong {
    font-weight:bold; 
}

dfn, cite, em, i {
}

blockquote {
    margin:25px 0px;
    text-align:center;
    padding:30px;
}

@media (max-width:768px) {
    
    blockquote {
        padding:30px 0px;
    }
}

blockquote p:before {
    content:'\f10d';
    display:block;
    font-family:FontAwesome;
    font-size:26px;
    line-height:1;
    font-style:normal;
    margin-bottom:20px;
}

blockquote p:last-child {
    margin-bottom:0px;
}

address {
    margin:0 0 1.5em; 
}

pre {
    background:#e1e1e1;
    font-family:Courier, monospace;
    font-size:15px;
    font-size:1.5rem;
    line-height:1.6;
    margin-bottom:1.6em;
    max-width:100%;
    overflow:auto;
    padding:1.6em; 
}

code, kbd, tt, var {
    font-size:15px;
    font-size:1.5rem;
    font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
}

abbr, acronym {
    border-bottom:1px dotted #666;
    cursor:help; 
}

mark, ins {
    background:#fff9c0;
    text-decoration:none; 
}

sup,
sub {
    font-size:75%;
    height:0;
    line-height:0;
    position:relative;
    vertical-align:baseline; 
}

sup {
    bottom:1ex; 
}

sub {
    top:.5ex; 
}

small {
    font-size:75%; 
}

big {
    font-size:100%; 
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    background-color:#e1e1e1;
    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:normal; 
}

dd {
    margin:0 1.5em 1.5em; 
}

img {
    height:auto;
    /* Make sure images are scaled correctly. */
    max-width:100%;
    /* Adhere to container width. */ 
}

figure {
    position:relative;
    margin:0em 0em 1.5em; 
    overflow:hidden;
    max-width:100%;
}

table {
    margin:0 0 1.5em;
    width:100%; 
    border-collapse:collapse;
}

th {
    font-weight:bold; 
}

tr:nth-child(odd) {
    background-color:#fafafa;
}

th {
    text-align:left;
    padding:8px;
}

td {
    padding:8px;
}

.tb {
    display:table;
    width:100%;
    height:100%;
}

.tb-cell {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    font-size:100%;
    /* Corrects font size not being inherited in all browsers */
    margin:0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align:baseline;
    /* Improves appearance and consistency in all browsers */ 
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor:pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance:button;
    /* Corrects inability to style clickable 'input' types in iOS */
    border-radius:3px;
    border: 0px solid !important;
    font-size:11px !important;
    font-weight:bold !important;
    text-transform:uppercase;
    letter-spacing:2px;
    padding:8px 18px;
    max-width:100%;
    color:#fff;
    -webkit-transition:color 0.3s ease, background-color 0.3s ease;
    -moz-transition:color 0.3s ease, background-color 0.3s ease;
    -o-transition:color 0.3s ease, background-color 0.3s ease;
    transition:color 0.3s ease, background-color 0.3s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color:#fff !important;
}

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

input[type="checkbox"],
input[type="radio"] {
    padding:0;
    /* Addresses excess padding in IE8/9 */ 
}

input[type="search"] {
    -webkit-appearance:textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    box-sizing:content-box; 
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance:none; 
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border:0;
    padding:0; 
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    max-width:100%;
    border-radius:0;
    background-color:#eee;
    border:1px solid #ddd;
    font-weight:normal;
    line-height:1.5 !important;
    color:#888; 
    padding:12px 14px; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color:#444;
    font-weight:normal;
}

.post-password-form input[type="password"] {
    width:100%;
}

.post-password-form input[type="submit"] {
    margin-top:15px;
}

textarea {
    overflow:auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align:top;
    /* Improves readability and alignment in all browsers */
    width:100%; 
}

/*--------------------------------------------------------------
4.1 Contact form 7
--------------------------------------------------------------*/
.wpcf7 {
    margin-top:0px !important;
}

.wpcf7 input:not(.wpcf7-submit), 
.wpcf7 textarea {
    width:100%;
    font-size:14px;
    margin-top:5px;
    font-weight:normal;
    -webkit-box-sizing:border-box !important;
    -moz-box-sizing:border-box !important;
    box-sizing:border-box !important;
}

.wpcf7 p {
    color:#888;
    margin-bottom:15px;
}

.wpcf7-form-control-wrap {
    margin-top:3px;
    position:relative;
    display:block;
}

.wpcf7-submit {
    margin-top:30px;
    color:#fff;
}

.wpcf7 .ajax-loader {
    display:block;
    margin:10px auto 0px !important;
    text-align:center;
}

.wpcf7-response-output {
    margin:-20px 0px 0px !important;
    padding:10px !important;
    font-size:12px !important;
    color:#C0392B !important;
    text-align:center;
    border:none !important;
    background-color:#FFEBEB ;
}

.wpcf7-not-valid-tip {
    padding:10px;
    margin-top:10px;
    text-align:center;
    font-size:12px !important;
    color:#C0392B !important;
    background-color:#FFEBEB ;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/* Prevent admin par overlapping fixed nav */
body.admin-bar #site-navigation.fixed-nav {
    top:32px;
}

@media (max-width:782px) { 
    body.admin-bar #site-navigation.fixed-nav {
        top:46px;
    }
    
    body.admin-bar #site-navigation.fixed-nav .menu {
        top:106px !important;
    }
}

@media (max-width:600px) {  
    body.admin-bar #wpadminbar {
        position:fixed;
    }
}

.nav-wrapper {
    margin-top: 36px;
    margin-bottom: 12px;
    float: right;
    padding-top: 0px;
    position:relative;
    clear:right;
}

#site-navigation {
    float:left;
    width: 100%;
    padding: 25px 0px 5px;
    position:relative;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:center;
    box-sizing:content-box;
    z-index:99;
    -webkit-transition:-webkit-box-shadow 0.4s ease;
    -moz-transition:-moz-box-shadow 0.4s ease;
    -o-transition:box-shadow 0.4s ease;
    transition:box-shadow 0.4s ease;
}

.nav-shadow {
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.12);
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.12);
    box-shadow:0px 0px 4px rgba(0,0,0,0.12);
}

.nav-shadow-sub {
    -webkit-box-shadow:0px 4px 4px -4px rgba(0,0,0,0.12);
    -moz-box-shadow:0px 4px 4px -4px rgba(0,0,0,0.12);
    box-shadow:0px 4px 4px -4px rgba(0,0,0,0.12);
}

#site-navigation ul {
    margin:0px;
    list-style:none;
}

#site-navigation li {
    position:relative;
    float: left;
    margin-left: 30px;
}
#site-navigation li:first-child {
    margin-left: 0px;
}

#site-navigation .menu a {
    display:block;
    font-size: 13px !important;
    line-height:1.5;
}

@media (min-width:991px) {
#site-navigation .menu {
    display: block;
}
}

#site-navigation .menu-item-has-children {
    position:relative;
}

#site-navigation .menu > .menu-item-has-children > a:after {
    content:'\f107';
    font-family:FontAwesome;
    display:inline-block;
    font-size:12px;
    line-height:12px;
    margin-left:8px;
}

#site-navigation .menu > .menu-item-has-children .menu-item-has-children > a:after {
    content:'\f105';
    font-family:FontAwesome;
    display:inline-block;
    position:absolute;
    right:15px;
    top:50%;
    -webkit-transform:translateY(-50%);
    vertical-align:middle;
    font-size:11px;
    line-height:11px;
    margin-left:10px;
}

#site-navigation .sub-menu a {
    line-height:40px;
}

/*-------------------------------
Desktop navigation show sub menu 
-------------------------------*/
@media (min-width:1201px) {
    
    /*------------------- 
    Sub menu 
    ------------------- */
    #site-navigation .sub-menu {
        position:absolute;
        width:215px;
        left:15px;
        text-align:left;
    }

    #site-navigation.fixed-nav .sub-menu {
        z-index:-1;
    }

    #site-navigation .sub-menu li {
        display:block;
    }

    #site-navigation .sub-menu a {
        padding:0px 15px;
        border-top:1px solid #f2f2f2;
    }
    
    #site-navigation .sub-menu {
        top:75px;
        visibility:hidden;
        opacity:0;
        -webkit-transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
        -moz-transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
        -o-transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
        transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
    }
    
    #site-navigation.fixed-nav .sub-menu {
        -webkit-transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
        -moz-transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
        -o-transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
        transition:top 0.3s ease, left 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
    }
    
    #site-navigation .menu > .menu-item-has-children > a:hover ~ .sub-menu, 
    #site-navigation .menu > .menu-item-has-children > .sub-menu:hover {
        visibility:visible;
        top:100%;
        opacity:1;
        
    }
    
    /*------------------- 
    Sub sub menu 
    -------------------*/
    #site-navigation .sub-menu .sub-menu {
        top:0px !important;
        left:250px;
        border-top:none;
    }
    
    #site-navigation .menu > .menu-item-has-children > .sub-menu  > .menu-item-has-children:hover > .sub-menu {
        visibility:visible;
        left:100%;
        opacity:1;
    }
}

/*------------------- 
mobile navigation 
-------------------*/
/* Mobile toggle */
#site-navigation .menu-toggle {
    margin-top: 39px;
    display:none;
}

#site-navigation .menu-toggle {
    width:22px;
    height:15px;
    line-height:15px;
    text-align:center;
    font-size:20px;
    border-bottom:none !important;
}

#site-navigation .menu-toggle .bars {
    display:block;
}

#site-navigation .menu-toggle .bar {
    display:block;
    width:20px;
    height:2px;
    margin:0px auto 4px;
}

#site-navigation .toggle-sub-menu {
    cursor:pointer;
    display:none;
    position:absolute;
    top:0px;
    right:0px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#888;
    border-left:1px solid #eee;
}

#site-navigation .toggle-sub-menu:after {
    content:'\f107';
    font-family:FontAwesome;
    font-size:14px;
    line-height:40px;
}

#site-navigation .toggle-sub-menu-active:after {
    content:'\f106';
    font-family:FontAwesome;
    font-size:14px;
    line-height:40px;
}

@media (max-width:1200px) {
    #site-navigation li {
        margin-left: 30px;

    }
}
/*------------------- 
mobile nav 990px 
-------------------*/
@media (max-width:990px) {  
    #site-navigation {
        padding:20px 0px 0px;
    }
    
    #site-navigation .nav-wrapper {
        margin:20px 0px 0px;
        padding:0px;
        width:100%;
    }
    
    #site-navigation .menu-toggle {
        display:block;
        float:right;
        clear:right;
    }
    
    #site-navigation .toggle-sub-menu {
        display:block;
    }
    
    #site-navigation .menu {
        display: none;
        background-color: #326175 !important;
        padding: 10px 0px;
	position: absolute;
	right:0px;
	top:0px;
	width:300px;
	text-align: left;
	padding-left:30px;
    }
    
    #site-navigation li {
        float: none;
        display: block;
        margin-left: 0px;
        border-radius: 0px;
    }
    
    #site-navigation .menu a {
        color: #fff !important;
        display:block;
        padding: 0px;
        line-height:50px;
    }

    #site-navigation .sub-menu {
        display:none;
        position:relative;
        left:0px;
        width:100%;
        border:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    
    #site-navigation.fixed-nav .sub-menu {
        z-index:0;
    }
    
    #site-navigation .sub-menu a {
        padding:0px 15px 0px 35px;
    }
    
    #site-navigation .sub-menu .sub-menu a {
        padding:0px 15px 0px 55px;
    }
    
    #site-navigation .sub-menu .sub-menu {
        left:0px;
        border-bottom:none;
        margin-top:0px;
    }
}

@media (max-width:600px) {
    #site-logo,
    #site-navigation .menu-toggle,
    .date,
    .location {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    #site-navigation .menu-toggle {
        margin-top: 25px !important;
    }

    #site-navigation .menu {
	top: 0px;
	left: -15px;
	right: 0px;
	width: 100%;
	text-align: center;
	padding: 0px 15px;
    }
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
}

.current-menu-item a {
	color:#326175 !important;
}

/*----------------------
Logo
----------------------*/
#site-navigation.fixed-nav ~ #site-logo {
    margin-top:60px;
}

#site-logo {
    float:left;
    padding: 0px 0px 0px 0px !important;
}

#site-logo img {
    height:80px;
}

.site-title {
    margin:0px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.site-description {
    margin:0px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.separate {
    margin:0 auto;
    width:30%;
    height:1px;
    border-top:1px solid #777777;
    opacity:0.1;
}

/*--------------------------------------------------------------
6.0 Featured posts slider
--------------------------------------------------------------*/
.featured-posts-container {
    display: none;
    position:relative;
}

.home .featured-posts-container {
    display: block;
}

#featured-posts {
    height: 480px;
    overflow: hidden;
    position:relative;
    z-index: 99;
}

#featured-posts.slick-initialized {
    overflow: visible !important;
}

#featured-posts .img-slide {
    height:480px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slick-slide {
    position:relative;
    padding:0px;
}

.slick-active:before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -1px;
    width: 1px;
    background-color: #f2f2f6;
    z-index: 999999;
}

.slick-vertical .slick-slide {
    border:none !important;
}

.slick-btn-next,
.slick-btn-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left:-8px;
    margin-top: -18px;
    height:36px;
    width:46px;
    line-height: 36px !important;
    font-size: 26px !important;
    text-align: center;
    color: #fff;   
    border: 0px !important;
    background-color: #4096d8;
    z-index: 999;
}

.slick-btn-next {
    left: auto;
    right:-7px;
}

.slick-btn-prev:before {
    content:'';
    position: absolute;
    left:0px;
    bottom:-8px;
    width:8px;
    height:8px;
    border-top: 4px solid #2c6896;
    border-right: 4px solid #2c6896;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
}
.slick-btn-next:after {
    content:'';
    position: absolute;
    right:0px;
    bottom:-8px;
    width:8px;
    height:8px;
    border-top: 4px solid #2c6896;
    border-left: 4px solid #2c6896;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
}

@media (max-width:990px) {
    #featured-posts {
        height: 400px;
    }
    #featured-posts .img-slide {
        height:400px;
    }
}

@media (max-width:640px) {
    #featured-posts {
        height: 300px;
    }
    #featured-posts .img-slide {
        height:300px;
    }
}

/*--------------------------------------------------------------
7.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:1.4rem;
    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 */ 
}

.scroll-to-top {
    position:relative;
    display:none;
    z-index:9999;
}

.scroll-to-top a {
    position:fixed;
    right:30px;
    bottom:30px;
    display:block;
    width:36px;
    height:36px;
    text-align:center;
    opacity:0.6;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -o-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.scroll-to-top a:hover {
    opacity:1;
}

.scroll-to-top .fa {
    font-size:36px;
    line-height:36px;
}

@media (max-width:768px) {

    .scroll-to-top a {
        display:none !important;
    }
}

/*--------------------------------------------------------------
8.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display:inline;
    float:left;
    margin:5px 15px 10px 0px; 
}

.alignright {
    display:inline;
    float:right;
    margin:5px 0px 10px 15px; 
}

.aligncenter {
    display:block;
    margin:5px auto 10px; 
}

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

/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/
.widget {
    overflow:hidden;
    position:relative;
    padding:30px 15px;
    margin:0px 0px 30px;  
    background-color:#fff;
    font-size:13px;
    line-height:1.5;
    border-top:2px solid;
}

.widget-title {
    position:relative;
    padding:25px 30px 0px;
    margin:-30px -15px 0px -15px !important;
    text-transform:uppercase;
    letter-spacing:2px;
    text-align:center;  
}

.widget-title:after {
    content:'';
    display:block;
    width:40px;
    height:1px;
    margin:15px auto 30px;
    background-color:#eee;
}

@media (max-width:992px) {
    
    .widget {
        padding:30px;
    }
    
    .widget-title {
        margin:-30px -30px 0px -30px !important;
    }
}

/* Make sure select elements fit in widgets */
.widget select {
    width:100%; 
}

.widget h1, 
.widget h2, 
.widget h3, 
.widget h4, 
.widget h5, 
.widget h6 {
    margin-top:0px;
    margin-bottom:0px;
}

.widget-post-meta {
    overflow:hidden;
}

.widget-entry-meta {
    font-size:12px !important;
    line-height:1.5;
    letter-spacing:0.5px;
    color:#888;
}

.widget-entry-meta .fa {
    font-family:FontAwesome !important;
    margin-right:4px;
}

.widget ul, .widget table {
    margin:0px;
}

/*---------------------
Recent Posts Widget
---------------------*/
.widget_recent_entries li {
    padding:10px 0px;
    border-bottom:1px solid #f8f8f8;
}

.widget_recent_entries li:last-child {
    padding:10px 0px 0px;
    border-bottom:none;
}

.widget_recent_entries a {
    font-size:11px !important;
    line-height:1.5 !important;
    margin-bottom:6px;
    letter-spacing:1px;
    font-weight:normal !important;
    text-transform:uppercase;
}

.widget_recent_entries .post-date {
    display:block;
    margin-right:5px;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:1px;
    color:#888;
}

/*---------------------
Recent Comments Widget
---------------------*/
.widget_recent_comments li {
    padding:10px 0px;
    border-bottom:1px solid #f8f8f8;
    font-size:12px;
    line-height:1.5;
}

.widget_recent_comments li:last-child {
    padding:10px 0px 0px;
    border-bottom:none;
}

.widget_recent_comments a {
    font-size:12px !important;
    line-height:1.5 !important;
}

/*---------------------
Menu Widget
---------------------*/
.widget_nav_menu li {
    position:relative;
}

.widget_nav_menu a {
    display:block;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #f8f8f8;
}

.widget_nav_menu .toggle-sub-menu {
    cursor:pointer;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#888;
    background-color:#fafafa;
}

.widget_nav_menu .toggle-sub-menu:after {
    content:'\f107';
    font-family:FontAwesome;
    font-size:14px;
    line-height:40px;
}

.widget_nav_menu .toggle-sub-menu-active:after {
    content:'\f106';
    font-family:FontAwesome;
    font-size:14px;
    line-height:40px;
}

.widget_nav_menu .sub-menu {
    display:none;
}

.widget_nav_menu .sub-menu a {
    padding-left:20px;
}

.widget_nav_menu .sub-menu .sub-menu a {
    padding-left:40px;
}

/*--------------------
Search widget
--------------------*/
.widget_search .widget-search {
    width:100%;
}

.widget .s, 
.error-404 .s, 
.no-results .s {
    width:100%;
    max-width:480px;
    display:block;
    margin:5px auto 15px;
}


/*---------------------
Calendar Widget
---------------------*/
#wp-calendar {
    position:relative;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:normal;
}

#wp-calendar tbody td, 
#wp-calendar thead th {
    text-align:center;
    padding:15px 0px;
    border:none;
    color:#666;
}

#wp-calendar caption {
    text-align:center;
    color:#ffffff;
    padding:15px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:11px !important;
    line-height:1 !important;
}

#wp-calendar thead th {
    font-size:11px !important;
    line-height:1 !important;
}

#wp-calendar tr {
    border:none;
    background-color:transparent;
    border-bottom:1px solid #f8f8f8;
}

#wp-calendar #today {
    color:#fff;
}

#wp-calendar tfoot {
    position:absolute;
    top:0px;
    display:block;
    width:100%;
}

#wp-calendar tfoot a {
    color:#fff !important;
}

#wp-calendar tfoot td {
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:16px !important;
    background-color:transparent;
    border:none;
}

#wp-calendar tfoot tr {
    border:none;
}

#wp-calendar #next {
    text-align:right;
    width:50%;
}

#wp-calendar #prev {
    width:50%;
}

/*---------------------
Archive Widget
---------------------*/
.widget_archive li {
    text-align:right;
    padding:10px 0px;
    border-bottom:1px solid #f8f8f8;
}

.widget_archive li:after {
    content:"";
    display:block;
    clear:both;
}

.widget_archive > ul >  li:first-child {
    padding-top:0px !important;
}

.widget_archive a {
    font-size:13px !important;
    float:left;
}


/*---------------------
Categories Widget
---------------------*/

/*-------
Parent
-------*/
.widget_categories .cat-item {
    width:100%;
    padding:10px 0px;
    border-bottom:1px solid #f8f8f8;
}

.widget_categories .cat-item a {
    color:#888;
    font-size:13px;
}

.widget_categories > ul >  li:first-child {
    padding:0px 0px 10px;
}

.widget_categories > ul >  li:last-child {
    padding:10px 0px 0px;
    border-bottom:none;
}

/*-------
Children
-------*/
.widget_categories .children {
    border-top:1px solid #f8f8f8;
    margin-top:10px;
}

.widget_categories .children .cat-item:last-child {
    border-bottom:none !important;
    padding:10px 0px 0px;
}

.widget_categories .children a {
    padding-left:15px;
}

.widget_categories .children .children a {
    padding-left:30px;
}

.widget_categories .children .children .children a {
    padding-left:45px;
}

.widget_categories .children a:before {
    content:'\f105';
    font-family:'FontAwesome';
    color:#bbb;
    padding-right:10px;
}

/*-------
Counter
-------*/
.categories-post-count, 
.archives-post-count {
    float:right;
    display:inline-block;
    font-size:11px;
    text-align:center;
    line-height:26px;
    width:26px;
    height:26px;
    border-radius:50%;
    color:#aaa;
    background-color:#f8f8f8;
    -webkit-transition:color 0.4s ease, background-color 0.4s ease;
    -moz-transition:color 0.4s ease, background-color 0.4s ease;
    -o-transition:color 0.4s ease, background-color 0.4s ease;
    transition:color 0.4s ease, background-color 0.4s ease;
}

.cat-item a:hover + .categories-post-count, 
.widget_archive a:hover + .archives-post-count {
    color:#fff !important;
}

/*---------------------
Meta Widget
---------------------*/
.widget_meta li {
    padding:10px 0px;
    border-bottom:1px solid #f8f8f8;
}

.widget_meta li:last-child {
    padding:10px 0px 0px;
    border-bottom:none;
}

/*---------------------
Pages Widget
---------------------*/
.widget_pages li {
    padding:10px 0px;
    border-bottom:1px solid #f8f8f8;
}

/*---------------------
RSS Widget
---------------------*/
.widget_rss {
}

.widget_rss li {
    padding:15px 0px;
    border-bottom:1px solid #f8f8f8;
}

.widget_rss li:first-child {
    padding:0px 0px 15px;
}

.widget_rss li:last-child {
    padding:15px 0px 0px;
    border-bottom:none;
}

.widget_rss .rss-date {
    display:block;
    margin:10px 0px;
    font-size:10px;
    color:#888;
    text-transform:uppercase;
    letter-spacing:1px;
}

.widget_rss cite {
    font-size:11px !important;
    line-height:1.5 !important;
    letter-spacing:1px;
    text-transform:uppercase;
}

.widget_rss .rssSummary {
    margin:5px 0px 10px 0px;
}

.rsswidget {
    font-size:11px !important;
    line-height:1.5 !important;
    letter-spacing:1px;
    text-transform:uppercase;
}

/*---------------------
Tags Widget
---------------------*/
.tagcloud a {
    display:inline-block;
    font-size:12px !important;
    line-height:1.5 !important;
    text-decoration:none !important;
    letter-spacing:1px;
    padding:8px 10px;
    margin:0px 2px 6px 0px;
    color:#888;
    background-color:#f8f8f8;
    -webkit-transition:color 0.4s ease, background-color 0.4s ease;
    -moz-transition:color 0.4s ease, background-color 0.4s ease;
    -o-transition:color 0.4s ease, background-color 0.4s ease;
    transition:color 0.4s ease, background-color 0.4s ease;
}

.tagcloud a:hover {
    color:#fff;
}

/*---------------------
Text Widget
---------------------*/
.textwidget p:last-child {
    margin-bottom:0px;
}

/*--------------------------------------------------------------
10.1 Custom Widgets
--------------------------------------------------------------*/
/*---------------------
Wordchef recent posts
---------------------*/
.wordchef_widget_recent_entries {
}

.wordchef-recent-post {
    padding:15px 0px;
    border-bottom:1px solid #f8f8f8;
}

.wordchef-recent-post:first-of-type {
    padding:0px 0px 15px;
}

.wordchef-recent-post:last-child {
    border-bottom:none;
    padding:15px 0px 0px;
}

.recent-post-thumb {
    float:left;
    margin-right:10px;
}

.recent-post-title {
    margin-bottom:6px;
    font-size:11px !important;
    line-height:1.5 !important;
    letter-spacing:1px;
    text-transform:uppercase;
}

.recent-post-date {
    display:block;
    font-size:10px;
    color:#888;
    text-transform:uppercase;
    letter-spacing:1px;
}

/*--------------------------
Wordchef recent comments
--------------------------*/
.wordchef_widget_recent_comments li {
    padding:15px 0px;
    border-bottom:1px solid #f8f8f8;
}

.wordchef_widget_recent_comments li:first-of-type {
    padding:0px 0px 15px;
}

.wordchef_widget_recent_comments li:last-child {
    border-bottom:none;
    padding:15px 0px 0px;
}

.comment-author-avatar {
    float:left;
    margin-right:10px;
}

.wordchef_widget_recent_comments .comment-author-link {
    font-size:12px;
    line-height:1.5;
    margin-bottom:5px;
}

.recent-comment-excerpt {
    font-size:12px;
    line-height:1.5;
}

/*--------------------------
Wordchef popular posts
--------------------------*/
.popular-post {
    border-bottom:1px solid #f8f8f8;
    padding:15px 0px;
}

.popular-post:first-of-type {
    padding:0px 0px 15px;
}

.popular-post:last-child {
    border-bottom:none;
    padding:15px 0px 0px;
}

.popular-post-thumb {
    float:left;
    margin-right:10px;
}

.popular-title {
    font-size:11px !important;
    line-height:1.5 !important;
    margin-bottom:6px;
    letter-spacing:1px;
    font-weight:normal !important;
    text-transform:uppercase;
}

.popular-date {
    display:block;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:1px;
    color:#888;
}

.popular-view-counter {
    display:inline-block;
    margin-right:5px;
}

.popular-comments {
    display:inline-block;
}

/*--------------------------
About Me Widget
--------------------------*/
.wordchef-about-me {
    text-align:center;
}

.wordchef-about-me-image-container {
    width:100%;
}

.wordchef-about-me-image {
    padding-bottom:15px;
}

.wordchef-about-me-name {
    margin:5px 0px 15px;
}

.wordchef-about-me-name h6 {
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.wordchef-about-me-text p:last-child {
    margin-bottom:0px;
}

/*--------------------------
Social Media Widget
--------------------------*/
.wordchef-social-widget-links {
    margin-bottom:-4px;
}

.wordchef-social-widget-links-center {
    margin-bottom:-4px;
    text-align:center;
}

.wordchef-social a {
    position:relative;
    overflow:hidden;
    margin-right:10px;
    display:inline-block;
    text-align:center;
    font-size:15px;
    color:#888;
    z-index:1;
}

.wordchef-social a:last-child {
    margin-right:0px;
}

.wordchef-social-widget-links-center a {
    margin:0px 10px 0px 10px !important;
}

/*--------------------------
Wordchef Facebook
--------------------------*/
.widget_wordchef_widget_facebook .wordchef-facebook-container {
    overflow:hidden;
    text-align:center;
}

/*--------------------------
Wordchef Image Banner
--------------------------*/
.widget.wordchef-image {
    padding:0px;
    text-align:center;
    background-color:transparent;
    border-top:none;
}

.wordchef-image a:active img {
    opacity:0.9;
}

.image_preview img {
    max-width:100%;
}

.contain-img {
    max-width:100% !important;
}

/*---------------------
MailChimp Widget
---------------------*/
.widget_mc4wp_widget {

}

.mc4wp-form {
    text-align:center;
    margin:0px !important;
}

.mc4wp-form p {
    margin-bottom:0px;
}

.mc4wp-form label {
    font-weight:400 !important;
    margin-bottom:15px !important;
}

.mc4wp-form input {
    margin-bottom:15px;
}

.mc4wp-form input[type='submit'] {
    width:100%;
    margin-bottom:0px;
}

.mc4wp-alert {
    margin:15px 0px 0px !important;
}

/*--------------- 
Instagram slider 
---------------*/
.jr-insta-slider {
    text-align:center;
    padding:0px;
    border:none;
}

.jr-insta-slider .widget-title {
    margin:0px !important;
    padding:15px 25px;
    border-top:none;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-color:#fff;
}

.jr-insta-slider .widget-title:before {
    content:'';
    position:absolute;
    top:-2px;
    right:-2px;
    bottom:-2px;
    left:-2px;
    border:1px solid #fff;
}

.jr-insta-slider .widget-title:after {
    display:none;
}

@media (max-width:480px) {
    #footer-full-width .jr-insta-thumb ul.thumbnails li {
        width:50% !important;
    }
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
#masthead {
    background-color: #fff;
    position:relative;
    border-top:4px solid #326175;
}

#masthead .details {
    float: right;
}

#masthead .phone {
    float:right;
    font-size:14px;
    font-weight:bold;
    color:#222;
}
#masthead .phone i {
    font-size:26px;
    margin-right:3px;
    color:#326175;
}

#masthead .fb-header {
    float: left;
    font-size: 21px;
    margin-right: 15px;
    line-height: 1;
    margin-top:1px;
}
#masthead .fb-header a {
    color:#3b5998 !important;
}

@media (max-width:600px) {
    #masthead .details {
	float:none;
	margin-top:30px;
    }

    #masthead .phone,
    #masthead .fb-header {
	float:none;
	display:inline-block;
    }
    #masthead .fb-header {
	margin-right:11px;
	position:relative;
	top:-2px;
    }
}

.page-header-section {
	position:relative;
	height:120px;
	background-image: url('http://scottssteelworkz.co.nz/wp-content/uploads/2016/07/header-section4.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top center; 
}
.page-header-section h1 {
	position:relative;
	line-height:120px !important;
	color:#fff !important;
	z-index:3;
	font-size:16px;
}
.page-header-section:after {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#326175;
	z-index:2px;
	opacity:0.8;
}

@media all and (max-width:600px) {
	.page-header-section {
	    height:60px;
	}
	.page-header-section h1 {
	    line-height:60px !important;
	}
}

#primary {
}

article {
    background-color:#fff;
}

/*--------------
Search results
--------------*/
.search-results-page {
    width:100%;
    text-align:center;
}

.search-results-page .page-content {
    padding:45px 30px;
    background-color:#fff;
}

.search-results-page p {
    color:#888;
}

/*-------
Gutters
-------*/
div.no-gutter {
    padding:0px;
}

div.no-gutter-left {
    padding-left:0px;
}

div.no-gutter-right {
    padding-right:0px;
}

/*---------
List item
---------*/
.list-item {
    position:relative;
    display:inline-block;
    background-color:#fff;
    width:100%;
}

/*----
Image
----*/
.list-item .list-image {
    position:relative;
    float:none;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

.list-image:before {
    content:'';
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    opacity:0;
    -webkit-transition:opacity 0.35s ease;
    -moz-transition:opacity 0.35s ease;
    -o-transition:opacity 0.35s ease;
    transition:opacity 0.35s ease;
}

.list-image:hover:before {
    opacity:0.3;
}

.list-image:hover .image-line-top,
.list-image:hover .image-line-right,
.list-image:hover .image-line-bottom,
.list-image:hover .image-line-left {
    opacity:1;
}

.list-image:hover .image-line-top,
.list-image:hover .image-line-bottom {
    left:30px;
    right:30px;
}

.list-image:hover .image-line-left,
.list-image:hover .image-line-right {
    top:30px;
    bottom:30px;
}

.list-image:hover .image-plus {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

@media (max-width:768px) {

    .list-item .list-image {
        float:left;
        height:300px;
    }
}

/*---------
Title
---------*/
.list-item .entry-header {
    text-align:left !important;
    padding:30px 30px 15px;
}

.list-item .entry-title {
    margin:10px 0px 12px;
    line-height:1.5;
}

.list-item .entry-title a {
    font-size:18px;
}

.list-item .post-title-divider {
    margin:0px 0px 5px;
}

.list-item .post-title-divider span {
    margin:0px;
}

@media (max-width:768px) {

    .list-item .post-title-divider span {
        margin:0px auto;
    }
}

/*------
Content
------*/
.list-item .list-content {
    width:100%;
}

.list-item .entry-content {
    text-align:left;
    padding:0px 30px 20px !important;
}

.list-item p {
    margin-bottom:0px;
}

/*---
Edit
---*/
.list-item .edit-link {
    margin:5px 0px;
    text-align:left;
}

/*-----
Footer
-----*/
.list-item .post-social {
    text-align:left;
}

/*---------------------
Mobile list item 768px
---------------------*/
@media (max-width:768px) {
    
    .list-item,
    .list-item .post-category .cat-links, 
    .list-item .post-date,
    .list-item .entry-header,
    .list-item .edit-link,
    .list-item .entry-content, 
    .list-item .post-footer,
    .list-item .post-social {
        text-align:center !important;
    }

}

/*---------
Grid item
---------*/
.grid-item .entry-header {
    padding:30px 30px 27px;
}

.grid-item .entry-title {
    margin:0px;
}

.grid-item .entry-title a {
    font-size:18px;
}

.grid-item .post-title-divider {
    margin:15px auto 0px;
}

.grid-item .entry-content {
    padding:0px 30px 30px;
}

.grid-item .read-more-link {
    margin:40px 0px 5px;
}

.grid-item .post-social {
}

/*--------------------------------------------------------------
11.1 Posts and pages
--------------------------------------------------------------*/
.info-title {
    padding:15px;
    background-color:#f2f2f8;
    text-transform: uppercase;
    font-weight: bold;

}

.info-text {
    padding:15px;
    background-color:#fafafa;
}

.info-text li {
    list-style: none;
}
.info-text li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #4096d8;
}

.info-text ul {
    margin: 0px 0px 10px 0px;
}

.info-text p {
    margin: 0px;
}

.site {
  padding-top:0px;  
}

#wrap {
    margin: 45px 0px 30px;
}

@media all and (max-width:768px) {
    #wrap {
	margin: 15px 0px 30px;
    }
}

.sticky {
  display:block; 
}

.hentry {
  margin:0 0 30px; 
}

/*----------
Type page
----------*/
.type-page {

}

.page-header {
    margin-bottom:30px;
    line-height:1.5;
}

.page-title {
    margin:0px;
    text-align:center;
}

.type-page .entry-header {
    padding:50px 30px 20px;
    text-align:center;
}

.type-page .entry-title {
    margin:0px 0px 10px;
}

.type-page .post-title-divider  {
    margin:0px auto;
}

.type-page .entry-content {
    padding:60px;
}

.page-template-page-sidebar-none .entry-content {
    padding:0px;
}

.page-template-page-sidebar-none .post-footer {
    padding:30px 60px !important;
}

@media (max-width:768px) {
    
    .page-template-page-sidebar-none .post-footer {
        padding:30px !important;
    }
}

/*-------------
Edit
-------------*/
.edit-link {
    margin-top:15px;
    text-align:center;
}

.edit-link a {
    font-size:12px !important;
    font-weight:normal !important;
    text-transform:uppercase;
    letter-spacing:2px;
    line-height:1 !important;
}

/*------------
Results title
------------*/
.results-title {
    display:block;
    width:100%;
    padding:30px;
    font-size:14px;
    text-align:center;
    letter-spacing:1px;
    background-color:#fff;
    border-top:2px solid;
    color:#888;
}

.results-title:not(.results-text) {
    display:inline-block;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:2px;
    margin:0px;
}

.results-text {
    font-size:12px;
    text-transform:uppercase;
    display:inline-block;
    color:#888;
    margin-right:10px;
    letter-spacing:2px;
}

/*------------
Archive title
------------*/
.archive-title {
    display:block;
    width:100%;
    padding:30px;
    font-size:12px !important;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:2px;
    background-color:#fff;
    border-top:2px solid;
}

.archive-title span {
    display:inline-block;
    color:#888;
    margin-right:5px;
}

.title-category, 
.title-tag, 
.title-author, 
.title-year, 
.title-month, 
.title-day, 
.title-archives {
    color:#999 !important;
    font-weight:normal !important;
}

/*--------
comments 
--------*/
.post-meta .post-comments {
}

/*-------------
Featured image
-------------*/
.featured {
    position:relative;
    z-index:1;
}

.featured-page-image {
    min-width:100%;
}

.featured a:before {
    content:'';
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    opacity:0;
    -webkit-transition:opacity 0.35s ease;
    -moz-transition:opacity 0.35s ease;
    -o-transition:opacity 0.35s ease;
    transition:opacity 0.35s ease;
}

.featured a:hover:before {
    opacity:0.3;
}

.image-line-top,
.image-line-right,
.image-line-bottom,
.image-line-left {
    position:absolute;
    background-color:#fff;
    opacity:0;
    -webkit-transition:opacity 0.35s ease, top 0.35s ease, right 0.35s ease, bottom 0.35s ease, left 0.35s ease;
    -moz-transition:opacity 0.35s ease, top 0.35s ease, right 0.35s ease, bottom 0.35s ease, left 0.35s ease;
    -o-transition:opacity 0.35s ease, top 0.35s ease, right 0.35s ease, bottom 0.35s ease, left 0.35s ease;
    transition:opacity 0.35s ease, top 0.35s ease, right 0.35s ease, bottom 0.35s ease, left 0.35s ease;
}

.image-line-top {
    top:30px;
    left:45%;
    right:45%;
    height:1px;
}

.image-line-right {
    right:30px;
    top:45%;
    bottom:45%;
    width:1px;
}

.image-line-bottom {
    bottom:30px;
    left:45%;
    right:45%;
    height:1px;
}

.image-line-left {
    left:30px;
    top:45%;
    bottom:45%;
    width:1px;
}

.featured a:hover .image-line-top,
.featured a:hover .image-line-right,
.featured a:hover .image-line-bottom,
.featured a:hover .image-line-left {
    opacity:1;
}

.featured a:hover .image-line-top,
.featured a:hover .image-line-bottom {
    left:30px;
    right:30px;
}

.featured a:hover .image-line-left,
.featured a:hover .image-line-right {
    top:30px;
    bottom:30px;
}

.image-plus {
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    color:#fff;
    font-size:20px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 0.35s ease;
    -moz-transition:-moz-transform 0.35s ease;
    -o-transition:-o-transform 0.35s ease;
    transition:transform 0.35s ease;
}

.featured a:hover .image-plus {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/*------------
Entry header
------------*/
.entry-header {
    position:relative;
    padding:30px 15px 0px;
    text-align:center;
    background-color:#fff;
}

/*--------
Category 
--------*/
.post-category {
    line-height:1;
    margin-bottom:15px;
}

.post-category .post-categories {
    margin:0px;
    list-style:none;
    display:inline-block;
}

.post-category .post-categories li {
    display:inline-block;
    margin-right:3px;
}

.post-category .post-categories li:last-child {
    margin-right:0px;
}

.post-category .post-categories a {
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:10px !important;
    line-height:1 !important;
}

/*----------
Post title
----------*/
.entry-title {
    display:block;
    margin:0px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.entry-title a {
    -webkit-transition:color 0.4s ease;
    -moz-transition:color 0.4s ease;
    -o-transition:color 0.4s ease;
    transition:color 0.4s ease;
}

.post-title-divider  {
    margin:15px 0px 0px;
    line-height:1;
}

.post-title-divider span {
    display:block;
    margin:0px auto 5px;
    width:60px;
    height:1px;
    background-color:#eee;
}

.single .byline,
.group-blog .byline {
  display:inline; 
}

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

.updated-time {
  display:none; 
}

article .attachment-post-thumbnail {
    padding:0px;
}

.attachment-post-thumbnail {
    min-width:100%;
}

/*------------------
Author and date
------------------*/
.post-author-date {
    font-size:10px !important;
    line-height:1.5 !important;
    text-transform:uppercase;
    letter-spacing:2px;
    padding:15px 0px;
    color:#aaa;
}

.post-author-date a {
    font-size:10px !important;
    line-height:1 !important;
    color:#888;
}

.post-author-date .posted-on {
    display:inline-block;
    color:#888;
}

/*------------------
post entry content 
------------------*/
.entry-content {
    padding:30px 60px 45px;
}

@media (max-width:768px) {
    
    .entry-content {
        padding:30px 30px 45px;
    }
}

.single-post .entry-content {
    padding:30px 30px 45px;
}

.entry-content a:hover {
    text-decoration:underline;
}

.post-excerpt {
 
}

.more-link {
    display:none;
}

.read-more-link {
    text-align:center;
    margin:50px 0px 0px;
    display:block;
}

.read-more-link a {
    position:relative;
    display:inline-block;
    font-size:11px !important;
    line-height:1 !important;
    text-decoration:none !important;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:normal;
    padding:12px 0px;
    -webkit-transition:color 0.3s ease;
    -moz-transition:color 0.3s ease;
    -o-transition:color 0.3s ease;
    transition:color 0.3s ease;
}

.read-more-link a:before {
    content:'';
    position:absolute;
    top:100%;
    left:0px;
    right:0px;
    height:1px;
    opacity:0;
    -webkit-transition:top 0.3s ease, left 0.3s ease, right 0.3s ease, opacity 0.3s ease;
    -moz-transition:top 0.3s ease, left 0.3s ease, right 0.3s ease, opacity 0.3s ease;
    -o-transition:top 0.3s ease, left 0.3s ease, right 0.3s ease, opacity 0.3s ease;
    transition:top 0.3s ease, left 0.3s ease, right 0.3s ease, opacity 0.3s ease;
}

.read-more-link a:hover:before {
    top:-1px;
    left:-12px;
    right:-12px;
    opacity:1;
}

.read-more-link a:after {
    content:'';
    position:absolute;
    bottom:-1px;
    left:0px;
    right:0px;
    height:1px;
    -webkit-transition:left 0.3s ease, right 0.3s ease;
    -moz-transition:left 0.3s ease, right 0.3s ease;
    -o-transition:left 0.3s ease, right 0.3s ease;
    transition:left 0.3s ease, right 0.3s ease;
}

.read-more-link a:hover:after {
    left:-12px;
    right:-12px;
}

/*-----------
Post footer
------------*/
.post-footer {
    padding:10px 30px 30px;
    display:table;
    table-layout:fixed;
    width:100%;
    position:relative;
}

.post-social {
    text-align:center;
    line-height:1;
}

.social-share a {
    position:relative;
    overflow:hidden;
    margin:2px;
    display:inline-block;
    font-size:12px;
    line-height:30px;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    color:#888;
    background-color:#f8f8f8;
    -webkit-transition:color 0.3s ease;
    -moz-transition:color 0.3s ease;
    -o-transition:color 0.3s ease;
    transition:color 0.3s ease;
    z-index:0;
}

.social-share a:hover {
    color:#fff !important;
}
    
.social-share a:before {
    content:'';
    position:absolute;
    top:100%;
    left:0px;
    right:0px;
    height:40px;
    -webkit-transition:top 0.3s ease;
    -moz-transition:top 0.3s ease;
    -o-transition:top 0.3s ease;
    transition:top 0.3s ease;
    z-index:-1;
}

.social-share a:hover:before {
    top:0%;
}

/*--------------
post navigation 
--------------*/
.page-links {
    margin:50px 0px 0px;
    text-align:center;
}

.page-links,
.page-links a {
    font-size:11px !important;
    line-height:1 !important;
    color:#888;
    text-decoration:none !important;
}

/* current page */
.page-links .post-page-nav {
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#888;
    background-color:#fafafa;
    margin:0px 2px;
    -webkit-transition:color 0.4s ease, background-color 0.4s ease;
    -moz-transition:color 0.4s ease, background-color 0.4s ease;
    -o-transition:color 0.4s ease, background-color 0.4s ease;
    transition:color 0.4s ease, background-color 0.4s ease;
}

.page-links > .post-page-nav {
    color:#fff;
}
    
.page-links .post-page-nav:hover {
    color:#fff;
}

.post-pages {
    display:none;
    border:1px solid #e1e1e1;
    padding:10px 12px;
    letter-spacing:1px;
}

.home-post-pages {
    display:none;
}

/*---------
Post tags
---------*/
.page-template .tags-links {
    display:none;
}

.tags-links {
    display:block;
    padding:0px 30px 30px;
}

.tags-links a {
    display:inline-block;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:1px;
    word-break:break-word;
    text-transform:uppercase;
    color:#888;
    margin:0px 6px 2px 0px;
    padding:10px;
    background-color:#fafafa;
    -webkit-transition:color 0.4s ease, background-color 0.4s ease;
    -moz-transition:color 0.4s ease, background-color 0.4s ease;
    -o-transition:color 0.4s ease, background-color 0.4s ease;
    transition:color 0.4s ease, background-color 0.4s ease;
}

.tags-links a:hover {
    color:#fff;
}

.tags-links a:last-child {
    margin-right:0px;
}

/*----------------
Author area 
----------------*/
#author-area {
    padding:30px;
    margin-bottom:30px;
    overflow:auto;
    background-color:#fff;
}

#author-area .author-avatar {
    float:left;
    margin-right:20px;
}

#author-area .author-avatar img {
    border-radius:50%;
}

#author-area .author-name {
    display:block;
    margin-bottom:10px;
}

#author-area .author-name h3 {
    margin:0px;
    font-size:13px !important;
    text-transform:uppercase;
    letter-spacing:1px;
}

#author-area .author-description {
    overflow:hidden;
}

#author-area .author-social-profiles {
    margin-top:10px;
}

#author-area .author-social-profiles a {
    position:relative;
    overflow:hidden;
    margin:2px;
    display:inline-block;
    font-size:12px;
    line-height:30px;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    color:#bbb;
    background-color:#fafafa;
    -webkit-transition:color 0.3s ease;
    -moz-transition:color 0.3s ease;
    -o-transition:color 0.3s ease;
    transition:color 0.3s ease;
    z-index:1;
}

#author-area .author-social-profiles a:hover {
    color:#fff !important;
}
    
#author-area .author-social-profiles a:before {
    content:'';
    position:absolute;
    top:100%;
    left:0px;
    right:0px;
    height:40px;
    -webkit-transition:top 0.3s ease;
    -moz-transition:top 0.3s ease;
    -o-transition:top 0.3s ease;
    transition:top 0.3s ease;
    z-index:-1;
}

#author-area .author-social-profiles a:hover:before {
    top:0%;
}

#author-area .author-social-profiles a:first-child {
    margin:2px 2px 2px 0px;
}

@media (max-width:768px) {
    
    #author-area {
        text-align:center;
    }
    
    #author-area .author-avatar {
        float:none;
        display:block;
        margin:0px auto 20px;
    }
    
    #author-area .author-social-profiles {
        margin-top:20px;
    }
    
    #author-area .author-social-profiles a:first-child {
        margin:2px 2px 2px 2px;
    }
}

/*-----------------
Related Posts
-----------------*/
#related-posts {
    margin-bottom:30px;
    padding:30px 15px 0px;
    background-color:#fff;
}

.related-title {
    letter-spacing:2px;
    text-align:center;
    text-transform:uppercase;
    margin:0px;
    padding:0px 30px;
}

#related-posts .post-title-divider {
    margin:15px 0px 25px !important;
}

#related-posts .related-post {
    margin-bottom:30px;
    text-align:center;
}

#related-posts .related-post img {
    margin-bottom:12px;
}

#related-posts .related-post-title, 
#related-posts .related-post-title a {
    font-size:11px !important;
    line-height:1.5 !important;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:6px;
}

#related-posts .posted-on {
    font-size:10px;
    line-height:1.5;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#888;
}

/*----------------------------------
11.2 Post formats
----------------------------------*/

/*-----------------
Featured audio
-----------------*/
.featured-audio iframe {
    display:block;
    width:100%;
}

/*-----------------
Featured gallery
-----------------*/
.featured-gallery {
    position:relative;
}

.featured-gallery ul {
    margin:0px;
    list-style:none;
    padding:0px;
}

.featured-gallery:hover .slick-arrow {
    opacity:1;
}

.featured-gallery .slick-arrow {
    position:absolute;
    top:50%;
    width:40px;
    height:40px;
    margin-top:-20px;
    background-color:rgba(0,0,0,0.1) !important;
    border:none !important;
}

.featured-gallery .slick-arrow .fa {
    color:#fff;
    font-size:20px;
}

.featured-gallery .slick-next {
    right:15px;
}

.featured-gallery .slick-next .fa {
    margin-left:2px;
}

.featured-gallery .slick-prev {
    left:15px;
}

/*-----------------
Featured video
-----------------*/
.featured-video iframe {
    width:100%;
}

/*--------------------------------------------------------------
11.3 Asides
--------------------------------------------------------------*/
#secondary {
}

aside {
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display:none; 
}

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

/*---------------------------------
11.4 Blog navigation
---------------------------------*/

/*-------------------------------
Blog newer older posts navigation
-------------------------------*/
.paging-navigation {
    padding:0px 15px;
    margin:15px 0px 50px;
    width:100%;
    font-size:0px;
}

.search-results .paging-navigation {
    padding:0px !important;
}

.paging-navigation .nav-newer, 
.paging-navigation .nav-older {
    text-transform:uppercase;
    width:48%
}

.paging-navigation a {
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:2px;
    color:#888;
}

.paging-navigation h3 {
    margin-bottom:0px;
}

.paging-navigation .nav-newer {
    float:left;
}

.paging-navigation .nav-older {
    float:right;
    text-align:right
}

.paging-navigation .meta-nav {
    font-size:14px;
}

.nav-newer .fa {
    margin-right:8px;
}

.nav-older .fa {
    margin-left:8px;
}

/*---------------------
Numbered pagination
---------------------*/
.wordchef-pagination {
    display:inline-block;
    margin:10px 0px 45px;
    text-align:center;
    width:100%;
    font-size:0px;
}

.wordchef-pagination ul {
    margin:0px;
    list-style:none;
}

.wordchef-pagination li {
    display:inline-block;
}

.wordchef-pagination li a {
    font-size:12px !important;
    line-height:40px !important;
    height:40px;
    width:40px;
    margin:3px 3px;
    display:block;
    color:#888;
    background-color:#fff;
    -webkit-transition:color 0.4s ease, background-color 0.4s ease;
    -moz-transition:color 0.4s ease, background-color 0.4s ease;
    -o-transition:color 0.4s ease, background-color 0.4s ease;
    transition:color 0.4s ease, background-color 0.4s ease;
}

.wordchef-pagination .active a, 
.wordchef-pagination li a:hover {
    color:#fff;
}

.pagination-dots {
    width:24px;
    font-size:14px;
    color:#888;
}

@media (max-width:768px) {
    
    .wordchef-pagination li a {
        font-size:10px !important;
        line-height:30px !important;
        height:30px;
        width:30px;
        margin:2px 2px;
    }
}

/*--------------------------------------------------------------
11.5 Comments
--------------------------------------------------------------*/
#comments {
    background-color:#fff;
}

#respond {
    padding:30px 15px 45px;
}

.comment-list {
    padding:0px 30px 15px;
}

/*------------
Comment form
------------*/
.comments-area {
    margin-bottom:60px;
}

.comment .comment-respond {
    border-bottom:1px solid #f8f8f8;
}

/* comment number title */
.comments-title {
    letter-spacing:2px;
    text-transform:uppercase;
    text-align:center;
    margin:0px;
    background-color:#fff;
    padding:30px 30px 0px;
}

.comments-title:after {
    content:'';
    display:block;
    margin:20px auto 0px;
    width:60px;
    height:1px; 
    background-color:#eee;
}

/*------------------
comment form title 
------------------*/
#reply-title {
    font-size:13px;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:2px;
    margin:0px 0px 30px;
}

#reply-title:after {
    content:'';
    display:block;
    margin:20px auto 0px;
    width:60px;
    height:1px; 
    background-color:#eee;
}

.logged-in-as {
    text-align:center;
}

.logged-in-as a {
    color:#777;
}

/*-------------
Comment notes
-------------*/
.comment-notes {
    text-align:center;
    font-size:14px;
    margin-bottom:30px;
    color:#666;
    display:none;
}

/*-------------
Cancel reply
-------------*/
#cancel-comment-reply-link {
    font-size:11px;
    letter-spacing:1px;
    margin-left:5px;
    color:#888;
}

/*----------------- 
comment form input 
-----------------*/
.comment-form input:not([type='submit']), 
.comment-form textarea {
    width:100%;
    margin-bottom:20px;
}

/*--------------------
comment 
--------------------*/
#comment {
    margin:0px 0px 25px;
}

.form-allowed-tags {
    color:#999999;
    margin-bottom:5px;
    display:none;
}

.bypostauthor {
  display:block; }

/*--------------
Comment submit
--------------*/
#commentform .form-submit {
    text-align:center;
    margin-bottom:0px;
}

/*--------------
Comment list
--------------*/
.comment-list {
    margin-left:0px;
    margin-bottom:0px;
}

.comment-list .children {
    margin-left:30px;
}

.comment-list li {
    list-stlye:none;
    list-style:none;
    margin-left:0px;
}

/*--------------
Comment body
--------------*/
#comments .comment-body {
    border:none;
    position:relative;
    padding:30px 0px 30px 65px;
    border-bottom:1px solid #f8f8f8;
}

#comments .depth-4 .comment-body .comment-content p:last-child {
    margin-bottom:0px;
}

/*--------------
Comment avatar
--------------*/
.comments-area .avatar {
    position:absolute;
    top:0px;
    left:0px;
    border-radius:50%;
    margin:30px 10px 5px 0px;
}

/*---------------
Comment metadata
---------------*/
#comments .comment-meta {
}

#comments .comment-author {
    display:inline-block;
    margin-right:5px;
}

#comments .comment-metadata {
    margin-top:6px;
    font-size:10px;
    line-height:1.5;
    text-transform:uppercase;
}

#comments .comment-metadata {
    color:#888;
    margin-bottom:15px;
}

#comments .comment-metadata .edit-link {
    float:none;
    margin-left:5px;
    font-size:11px;
}

#comments .comment-author .fn {
    font-size:11px !important;
    line-height:1.5 !important;
    font-weight:400 !important;
    text-transform:uppercase;
    letter-spacing:1px;
}

#comments .comment-author .says {
    display:none;
}

#comments .comment-awaiting-moderation {
    text-transform:uppercase;
    font-weight:bold;
    color:#bababa;
    font-size:0.7em;
    margin-top:5px;
}

/*--------------
Comment reply
--------------*/
.comment-reply-link {
    padding:8px 10px;
    color:#888;
    background-color:#f8f8f8;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:1.2px;
    text-transform:uppercase;
    -webkit-transition:color 0.4s, background-color 0.4s;
    -moz-transition:color 0.4s, background-color 0.4s;
    -o-transition:color 0.4s, background-color 0.4s;
    transition:color 0.4s, background-color 0.4s;
}

.comment-reply-link:hover {
    color:#fff;
}

/*--------------------------
Mobile comment section 768px
--------------------------*/
/* Mobile comment section */
@media (max-width:768px) {    
    .comment-list .children {
        margin-left:15px;
    }
}

/*----------------
Comment navigation
----------------*/
#comment-nav-above {
    padding-bottom:5px;
}

#comment-nav-below {
    padding:10px 0px 25px;
}

#comment-nav-below .nav-next {
    float:right;
}

/*--------------------------------------------------------------
11.6 Footer
--------------------------------------------------------------*/
.site-footer {

}

.footer-logos {
    margin-top: 45px;
    background-color: #3d8fce;
    padding:30px 0px;
}

.footer-logos img {
    height:48px;
    margin:0px 4px;
    border-radius: 4px;
}

/*------------------
Footer widget area
------------------*/
.footer-widgets {
    margin-bottom:60px;
}

@media (max-width:480px) {
    #footer-widget-1, 
    #footer-widget-2, 
    #footer-widget-3 {
        padding:0px !important;
    }
}

/*------------------
Footer copyright
------------------*/
.site-info {
    position:relative;
    padding:20px 0px;
    letter-spacing:1px;
}

.site-info a:hover {
    text-decoration:underline;
}

/*--------------------------------------------------------------
11.7 Page 404
--------------------------------------------------------------*/

.error-404 {
    text-align:center;
    background-color:#fff;
    padding:30px 30px 60px;
    margin-bottom:30px;
}

.number-404 {
    padding:10px 0px 30px;
}

.number-404 h4 {
    margin:0px;
    font-size:140px;
    line-height:1;
    color:#cccccc;
}

.error-404 .return-home {
    margin-bottom:40px;
}

.error-404-image img {
    margin:20px 0px 40px;
}

.error-404 .page-content p {
    color:#999999;
}

@media (max-width:768px) {
    .number-404 h4 {
        font-size:80px;
    }
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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-text {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:10px;
    color:#fff;
    background-color:rgba(0,0,0,0.8);
    font-size:14px;
    text-align:center;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:-webkit-transform 0.4s ease;
    -moz-transition:-moz-transform 0.4s ease;
    -o-transition:-o-transform 0.4s ease;
    transition:transform 0.4s ease;
}

.gallery-icon:hover .wp-caption-text, 
figure:hover a + .wp-caption-text,
figure:hover img + .wp-caption-text {
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
}

@media (max-width:768px) {
    .wp-caption-text {
        display:none;
    }
}

.wp-caption, .gallery-caption {
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
    width:100%;
    margin-bottom:1.5em;
}

.gallery figure {
    margin:0;
}

.gallery:after {
    content:'';
    display:block;
    clear:both;
}

.gallery-item {
    display:inline-block;
    text-align:center;
    vertical-align:top;
}

.gallery-icon {
    position:relative;
    overflow:hidden;
}

.cursor-default {
    cursor:default !important;
}

.gallery .gallery-item {
    padding:2px;
}

/* 2 Column */
.gallery-columns-2 .gallery-item {
    width:50%;
}

/* 3 Column */
.gallery-columns-3 .gallery-item {
    width:33.3%; 
}

/* 4 Column */
.gallery-columns-4 .gallery-item {
    width:25%;
}

/* 5 Column */
.gallery-columns-5 .gallery-item {
    width:20%;
}

/* 6 Column */
.gallery-columns-6 .gallery-item {
    width:16.66%;
}

/* 7 Column */
.gallery-columns-7 .gallery-item {
    width:14.28%; 
}

/* 8 Column */
.gallery-columns-8 .gallery-item {
    width:12.5%; 
}

/* 9 Column */
.gallery-columns-9 .gallery-item {
    width:11.11%; 
}

.gallery-item {
    position:relative;
    padding:0px;
}

/*---------------------------
13.0 Magnific popup lightbox
---------------------------*/
.mfp-bg {
    z-index:100000 !important;
}

.mfp-wrap {
    z-index:100001 !important;
}

.mfp-content {
    padding:15px auto !important;
}

.mfp-figure::after {
    top:55px !important;
    bottom:55px !important;
}

img.mfp-img {
    padding:55px 0px 55px !important;
}

.mfp-figure .mfp-title {
    text-align:center !important;
    padding-right:0px !important;
}

.mfp-counter {
    display:none;
}

.mfp-close, .mfp-arrow-custom-left, .mfp-arrow-custom-right {
    -webkit-transition:opacity 0.4s ease;
    -moz-transition:opacity 0.4s ease;
    -o-transition:opacity 0.4s ease;
    transition:opacity 0.4s ease;
}

.mfp-close-custom:hover, .mfp-arrow-custom-left:hover, .mfp-arrow-custom-right:hover {
    opacity:1;
}

.mfp-close {
    cursor:pointer !important;
    top:10px !important;
    font-size:20px !important;
    line-height:35px !important;
    width:35px !important;
    height:35px !important;
    z-index:9999;
}

.mfp-arrow {
    border:none !important;
    width:85px !important;
    background-color:transparent !important;
    -webkit-transition:opacity 0.4s ease;
    -moz-transition:opacity 0.4s ease;
    -o-transition:opacity 0.4s ease;
    transition:opacity 0.4s ease;
}

.mfp-arrow:hover {
    background-color:transparent !important;
}

.mfp-arrow::before, 
.mfp-arrow::after, 
.mfp-arrow .mfp-b, 
.mfp-arrow .mfp-a {
    border:none !important;
    margin-top:0px !important;
    top:0px !important;
}

.mfp-arrow-left::after, .mfp-arrow-left .mfp-a {
    content:'\f104' !important;
    font-family:"FontAwesome" !important;
    font-size:45px;
    line-height:110px;
    display:block;
    color:#fff;
    text-align:center;
}

.mfp-arrow-right::after, .mfp-arrow-right .mfp-a {
    content:'\f105' !important;
    font-family:"FontAwesome" !important;
    font-size:45px;
    line-height:110px;
    display:block;
    color:#fff;
    text-align:center;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity:0;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity:0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity:0;
}

/*------------------------------------------------
14.0 Loading screen
------------------------------------------------*/
#loading-screen {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    z-index:99999;
}

#loading-screen .square-container {
    position:relative;
    margin:0 auto;
    height:40px;
    width:40px;
    -webkit-animation:rotate 1.5s linear infinite;
    -moz-animation:rotate 1.5s linear infinite;
    -o-animation:rotate 1.5s linear infinite;
    animation:rotate 1.5s linear infinite;
}

@-webkit-keyframes rotate { 100% { -webkit-transform:rotate(360deg); } }
@-moz-keyframes rotate { 100% { -moz-transform:rotate(360deg); } }
@-o-keyframes rotate { 100% { -o-transform:rotate(360deg); } }
@keyframes rotate { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }

#loading-screen .square-1,
#loading-screen .square-2,
#loading-screen .square-3,
#loading-screen .square-4 {
    position:absolute;
    height:20px;
    width:20px;
}

#loading-screen .square-1 {
    top:0px;
    left:0px;
    -webkit-animation:square-1 1.5s linear infinite;
    -moz-animation:square-1 1.5s linear infinite;
    -o-animation:square-1 1.5s linear infinite;
    animation:square-1 1.5s linear infinite;
}

@-webkit-keyframes square-1 { 50% { -webkit-transform:translate(-10px, -10px); } }
@-moz-keyframes square-1 { 50% { -moz-transform:translate(-10px, -10px); } }
@-o-keyframes square-1 { 50% { -o-transform:translate(-10px, -10px); } }
@keyframes square-1 { 50% { -webkit-transform:translate(-10px, -10px); -moz-transform:translate(-10px, -10px); -ms-transform:translate(-10px, -10px); -o-transform:translate(-10px, -10px); transform:translate(-10px, -10px); } }

#loading-screen .square-2 {
    top:0px;
    right:0px;
    -webkit-animation:square-2 1.5s linear infinite;
    -moz-animation:square-2 1.5s linear infinite;
    -o-animation:square-2 1.5s linear infinite;
    animation:square-2 1.5s linear infinite;
}

@-webkit-keyframes square-2 { 50% { -webkit-transform:translate(10px, -10px); } }
@-moz-keyframes square-2 { 50% { -moz-transform:translate(10px, -10px); } }
@-o-keyframes square-2 { 50% { -o-transform:translate(10px, -10px); } }
@keyframes square-2 { 50% { -webkit-transform:translate(10px, -10px); -moz-transform:translate(10px, -10px); -ms-transform:translate(10px, -10px); -o-transform:translate(10px, -10px); transform:translate(10px, -10px); } }

#loading-screen .square-3 {
    bottom:0px;
    left:0px;
    -webkit-animation:square-3 1.5s linear infinite;
    -moz-animation:square-3 1.5s linear infinite;
    -o-animation:square-3 1.5s linear infinite;
    animation:square-3 1.5s linear infinite;
}

@-webkit-keyframes square-3 { 50% { -webkit-transform:translate(-10px, 10px); } }
@-moz-keyframes square-3 { 50% { -moz-transform:translate(-10px, 10px); } }
@-o-keyframes square-3 { 50% { -o-transform:translate(-10px, 10px); } }
@keyframes square-3 { 50% { -webkit-transform:translate(-10px, 10px); -moz-transform:translate(-10px, 10px); -ms-transform:translate(-10px, 10px); -o-transform:translate(-10px, 10px); transform:translate(-10px, 10px); } }

#loading-screen .square-4 {
    bottom:0px;
    right:0px;
    -webkit-animation:square-4 1.5s linear infinite;
    -moz-animation:square-4 1.5s linear infinite;
    -o-animation:square-4 1.5s linear infinite;
    animation:square-4 1.5s linear infinite;
}

@-webkit-keyframes square-4 { 50% { -webkit-transform:translate(10px, 10px); } }
@-moz-keyframes square-4 { 50% { -moz-transform:translate(10px, 10px); } }
@-o-keyframes square-4 { 50% { -o-transform:translate(10px, 10px); } }
@keyframes square-4 { 50% { -webkit-transform:translate(10px, 10px); -moz-transform:translate(10px, 10px); -ms-transform:translate(10px, 10px); -o-transform:translate(10px, 10px); transform:translate(10px, 10px); } }

#contact-map { display:none; }
.page-id-14 #contact-map { display: block; }

.woocommerce-page .page-title {
	display:none;
}

.copyright-text {
	display:inline-block;
}

.made-in-nz {
	display:inline-block;
	margin-right:10px;
}
.made-in-nz img {
	height:65px;
}

.wpcf7-mail-sent-ok {
	color: #0f7c18 !important;
	background-color: #c3ffbe !important;
}