/*********************************************************************************************

Theme Name: Inspiro
Theme URI: http://www.wpzoom.com/themes/inspiro
Version: 5.4.0
Private: true
Author: WPZOOM
Author URI: http://www.wpzoom.com
Description: Inspiro is a theme that suits best for portfolio and photography sites. Widgetized homepage allows you to use the theme for a business site as well.
Tags: ecommerce, fullscreen slider, responsive, theme-options, portfolio
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************

1.  Toolbox CSS
2.  Global Styles
3.  Navigation
4.  Featured Slider
5.  Homepage Widgets
6.  Portfolio Gallery
7.  Archive posts
8.  Single posts
9.  Comments
10. Sidebar & Widgets
11. Footer


/*********************************************************************************************

1. Toolbox CSS

*********************************************************************************************/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, 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: 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; }

small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0 }
img { vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 15px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin: 0; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }
.clickable { cursor: pointer }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Effect used for #scroll-to-content */
@-webkit-keyframes pulsate {
    0% { opacity: 0.5 }
    50% { opacity: 1 }
    100% { opacity: 0.3 }
}
@keyframes pulsate {
    0% { opacity: 0.5 }
    50% { opacity: 1 }
    100% { opacity: 0.3 }
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
    20% { -webkit-transform: scaleY(1); }
}

@keyframes stretchdelay {
    0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
    20% { transform: scaleY(1); -webkit-transform: scaleY(1); }
}

/* ZOOM Builder Templates */
.wpzlb-layout .wpzlb-inner-wrap, .wpzlb-layout .wrapped { margin: 0 auto; max-width: 1200px; padding: 0; border: none; }
.wpzlb-layout .wpzlb-group { -webkit-box-shadow: inset 0 1px 0 #F7F7F7, inset 0 -1px 0 #D8D8D8; box-shadow: inset 0 1px 0 #F7F7F7, inset 0 -1px 0 #D8D8D8; }
.page-template-page-templatestemplate-builder-php .page .entry-content,
.page-template-page-templatestemplate-home-builder-php .page .entry-content { max-width: 100%; padding: 0; }
.page-template-page-templatestemplate-home-builder-php .section-title { display: none; }


/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.1; color: #000; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, h2 small, h3 small { font-size: 65% }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, h5 small, h6 small { font-size: 75% }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }


.button,
.btn,
.more-link,
.more_link,
.side-nav .search-form .search-submit{
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    display: inline-block;
    padding: 10px 25px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #444;
    border: 1px solid #444;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    -o-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

  .button:hover,
  .btn:hover,
  .more-link:hover,
  .more_link:hover,
  .side-nav .search-form .search-submit:hover,
  .site-footer .search-form .search-submit:hover,
  .infinite-scroll #infinite-handle span:hover  {
    text-decoration: none;
    color: #0bb4aa;
    border-color: #0bb4aa;

}


.btn-primary, .side-nav .search-form .search-submit, .site-footer .search-form .search-submit {
    color: #0bb4aa;
    border-color: #0bb4aa;
}


input, textarea { font-family: "Libre Franklin", sans-serif; color: #444; }

label {
    margin-bottom: 5px;
    display: block;
}

input, textarea {
    padding: 11px 10px;
    font-size: 16px;
    background: white;
    border: 1px solid #ccc;
    width: auto;
    border-radius: 0;
}

input[type=text], textarea {
    -webkit-appearance: none;
}

input:focus, textarea:focus {
    border-color: #0bb4aa;
    outline: 0;
}

button, input[type=button], input[type=reset], input[type=submit] {
    font-family: "Montserrat", sans-serif;
    display: inline;
    width: auto;
    padding: 10px 25px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    color: #444;
    border: 1px solid #444;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    -o-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    cursor: pointer;
    text-decoration: none;
    color: #0bb4aa;
    border-color: #0bb4aa;
}



@font-face {
    font-family: 'inspiro';
    src:url('fonts/inspiro.eot');
    src:url('fonts/inspiro.eot?#iefix') format('embedded-opentype'),
        url('fonts/inspiro.svg') format('svg'),
        url('fonts/inspiro.woff') format('woff'),
        url('fonts/inspiro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'inspiro';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*********************************************************************************************

2. Global Styles

*********************************************************************************************/

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    padding: 0;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #0bb4aa;
    text-decoration: none;
}

a:hover {
    color: #076c65;
}

.navbar-brand-wpz {
    line-height: 54px;
    float: left;
    padding: 15px 15px;
    max-width: 350px;
}

.navbar-brand-wpz img {
    max-width: 100%;
    height: auto;
}

.navbar-brand-wpz h1 {
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
}

.navbar-brand-wpz a {
    font-size: 26px;
    text-transform: uppercase;
}

.navbar-brand-wpz a:hover {
    text-decoration: none;
    opacity: 0.8;
}



/*********************************************************************************************

3. Navigation

*********************************************************************************************/

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: middle; margin-left: 4px; }
.sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white }

.navbar { position: relative; z-index: 200; color: #fff; background: #111; min-height: 84px; }
.navbar:before, .navbar:after { content: " "; display: table; }
.navbar:after { clear: both }
.navbar.page-with-cover { position: absolute; width: 100%; background: none; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 1%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 1%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 1%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0); }
.navbar .wrap { width: 100%; max-width: 1200px; margin: 0 auto; }
.navbar .wrap.wpz_layout_full { max-width: 98%; }

.navbar a { color: #fff }

.navbar-toggle { display: none; position: relative; float: right; margin: 20px 15px 0 8px; padding: 10px 10px; border-color: transparent; background: transparent; }
.inspiro--with-page-nav .navbar-toggle { display: block; }
.navbar-toggle:hover { border-color: transparent; background-color: transparent; }
.navbar-toggle .icon-bar { position: relative; display: block; width: 22px; height: 2px; background: #fff; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }

/* hamburger animation */
.navbar-toggle .icon-bar { -webkit-transition: width .13s ease-out, -webkit-transform .13s ease-out, opacity .13s ease-out; transition: width .13s ease-out, transform .13s ease-out, opacity .13s ease-out; }
.navbar-toggle:hover .icon-bar:nth-child(2) { -webkit-transform: rotateZ(-40deg) translateX(-6px); transform: rotateZ(-40deg) translateX(-6px); width: 12px; }
.navbar-toggle:hover .icon-bar:nth-child(3) { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px); }
.navbar-toggle:hover .icon-bar:nth-child(4) { -webkit-transform: rotateZ(40deg) translateX(-6px); transform: rotateZ(40deg) translateX(-6px); width: 12px; }

/* hamburger when side-nav is opened */
.side-nav-open .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform: rotateZ(-45deg) translate3d(-5px, 5px, 0); transform: rotateZ(-45deg) translate3d(-5px, 5px, 0); width: 28px; }
.side-nav-open .navbar-toggle .icon-bar:nth-child(3) { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 0; }
.side-nav-open .navbar-toggle .icon-bar:nth-child(4) { -webkit-transform: rotateZ(45deg) translate3d(-5px, -5px, 0); transform: rotateZ(45deg) translate3d(-5px, -5px, 0); width: 28px; }

.navbar-nav { font-weight: 400; float: right; padding: 20px 0; }
.navbar-nav > li { margin: 0 15px }
.inspiro--with-page-nav .navbar-nav > li:last-child { margin-right: 0 }
.navbar-nav > li > ul:before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #0bb4aa; border-right: 8px solid transparent; border-left: 8px solid transparent; }
.navbar-nav a { padding: 5px 0 3px; font-family: "Montserrat", sans-serif; font-weight: 500; border-bottom: 1px solid transparent; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease border-color, 0.2s ease color; }
.navbar-nav a:hover { text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.8); }

@media (min-width: 1025px) {
    .navbar-nav ul { left: 50%; width: 220px; margin-top: 15px; border-top: 2px solid #0bb4aa; background: #111; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
    .navbar-nav ul li { border-top: 1px solid rgba(0,0,0,.1) }
    .navbar-nav ul a { color: #b0b0b0; padding: 8px 15px; border-bottom: none; }
    .navbar-nav ul a:hover { border-bottom: none; color: #fff; }
    .navbar-nav ul .current-menu-item a, .navbar-nav ul .current_page_item a, .navbar-nav ul .current-menu-parent a, .navbar-nav ul .current_page_parent a { border-bottom: none; color: #fff; }
    .navbar-nav ul ul { right: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: -3px; }

    .navbar-nav > li > a.sf-with-ul:hover { border-bottom: 1px solid rgba(255, 255, 255, 0) }
    .current-menu-item a, .current_page_item a, .current-menu-parent a, .current_page_parent a { border-bottom: 1px solid rgba(255, 255, 255, 0.3) }
}

/* WooCommerce Cart Icon */
a.cart-button:before { font: normal 20px/25px 'dashicons'; display: inline-block; margin: 0 8px 0 0; content: '\f174'; vertical-align: middle; -webkit-font-smoothing: antialiased; }
a.cart-button { display: block; float: right; }
.woocommerce-pagination, .paging-navigation { text-align: center; padding: 50px 0; }
.woocommerce-pagination:empty, .paging-navigation:empty { display: none; }
.woocommerce-pagination .page-numbers, .paging-navigation .page-numbers { font-size: 20px; font-family: Montserrat, sans-serif; line-height: 40px; padding: 10px 15px; color: #444; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; }
.woocommerce-pagination .page-numbers.current, .woocommerce-pagination .page-numbers:hover, .paging-navigation .page-numbers.current, .paging-navigation .page-numbers:hover { text-decoration: none; color: #0bb4aa; }


/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .paging-navigation {
  display: none;
}

/* Fix compatibility with Visual Composer */
.nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
    content: "";
    display: inline !imp