/*
Theme Name: Webstrap
Theme URI: https://speciatheme.com/webstrap-free/
Author: Specia
Author URI: https://speciatheme.com/
Description: Webstrap is a trending WordPress theme with lots of powerful features, instantly giving a professional look to your online presence. It fits for business, portfolio, food & restaurant, gym & fitness, spa salon, medical practitioner & hospitals, landing pages, product pages, corporate business, digital agency, product showcase, financial advisor, accountant, law firm, wealth advisor, photography, personal, and any eCommerce stores. Webstrap premium version provides you more than 10 different designs and supports popular plugins WPML, Polylang, WooCommerce, Contact Form 7, Revolution Slider, Elementor, Visual Composer, WP-Forms, Ninja Forms, Jetpack, WP-Featherlight, Give (WordPress Donation Plugin), Gravity Forms, Yoast SEO and many more. View the demo of Webstrap Premium https://demo.speciatheme.com/pro/?theme=webstrap
Template: specia
Version: 1.0.42
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: webstrap-lite
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, editor-style, blog, photography, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/


/*---------------------------------------
    Header Social Icons
-----------------------------------------*/
.header-top-info-8 .social {
    padding: 0px 0;
    margin: 0;
    line-height: 20px;
    padding: 5px 0 4px;
}
.header-top-info-8 .social li {
    font-family: 'Awesomefont';
    margin-right: 4px;
        display: inline-block;
}
.header-top-info-8 .social li {
    position: relative;
}
.text-center .social li {
    margin: 0 2px;
}
.social li a {
    display: table;
    position: relative;
    -webkit-transition: .3s all;
    transition: .3s all;
     overflow: hidden;
}
.header-top-info-8 .social li a i {
    background: #ffffff;
    border-radius: 3px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #283645;
    width: 25px;
    height: 25px;
    font-size: 12px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.header-top-info-8 .social li a i:hover {
    color: #ffffff;
    -webkit-animation: socialFxD .3s forwards;
            animation: socialFxD .3s forwards
}
@-webkit-keyframes socialFxD {
    49% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%)
    }
    50% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%)
    }
    51% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}
/*---------------------------------------
    webstrap Navigation
-----------------------------------------*/
.webstrap-logo {
    padding: 0 16% !important;
}
.navbar-brand {
    color: #242526;
}
.site-title a, .site-description {
    color: #242526;
}
.nav-webstrap {
    padding: 0 !important;
}

.nav-webstrap {
    background: #1c314c !important;
}

.nav-webstrap .navbar-nav>.active > a, .nav-webstrap .navbar-nav>.active > a:hover, .dropdown-menu > .active > a {
    background: transparent !important;
}

.nav-webstrap .navbar-nav > .active > a, .nav-webstrap .navbar-nav > .active > a:hover {
    border-radius: 0 !important;
    padding: 12px 17px !important;
    text-transform: uppercase !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
    color: #333 !important;
}
.dropdown-menu > .active > a:hover {
    color: #ffffff !important;
}

.nav-webstrap .navbar-nav > li > a {
    color: #ffffff !important;
    text-transform: uppercase;
}

.webstrap_button {
    padding: 10px 0;
}
a.webstrap-button {
    margin-left: 20px !important;
    padding: 17px 12px !important;
    font-weight: 600 !important;
    color: #ffffff;
}

a.webstrap-button, a.webstrap-button:hover, .navbar-default .navbar-nav > li > a.webstrap-button:hover {
    color: #ffffff !important;
}
.webstrap-button-container ul {
    list-style: none;
    margin: 0;
    padding: 0 33px;
}
.header_webstrap_dark {
    width: 100%;
    z-index: 9;
    padding: 32px 0 32px 0;
}
.header_webstrap_dark .info_details .icon {
    width: 28px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.header_webstrap_dark .info_details .icon i {
    font-size: 23px;
    line-height: 33px;
}
.header_webstrap_dark .info_details a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.header_webstrap_light {
    background: #fff;
    width: 100%;
    z-index: 9;
    padding: 32px 0 32px 0;
}
.header_webstrap_light .info_details .icon {
    width: 28px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.header_webstrap_light .info_details .icon i {
    font-size: 23px;
    line-height: 33px;
}
.header_webstrap_light .info_details a {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #747474;
}

.header_webstrap_dark {
    background: #1c314c;
}

.nav-webstrap {
    padding: 0 !important;
}

.nav-webstrap {
    background: #242526 !important;
}

.nav-webstrap .navbar-nav>.active > a, .nav-webstrap .navbar-nav>.active > a:hover, .dropdown-menu > .active > a {
    background: transparent !important;
}

.nav-webstrap .navbar-nav > .active > a, .nav-webstrap .navbar-nav > .active > a:hover {
    border-radius: 0 !important;
    padding: 12px 17px !important;
    text-transform: uppercase !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
    color: #333 !important;
}
.dropdown-menu > .active > a:hover {
    color: #ffffff !important;
}

.nav-webstrap .navbar-nav > li > a {
    color: #ffffff !important;
    text-transform: uppercase;
}

.webstrap_button {
    padding: 10px 0;
}
a.webstrap-button {
    margin-left: 20px !important;
    padding: 17px 12px !important;
    font-weight: 600 !important;
    color: #ffffff;
}

a.webstrap-button, a.webstrap-button:hover, .navbar-default .navbar-nav > li > a.webstrap-button:hover {
    color: #ffffff !important;
}
.webstrap-button-container ul {
    list-style: none;
    margin: 0;
    padding: 0 33px;
}
/*---------------------------------------
    webstrap Cart
-----------------------------------------*/
.webstrap-cart {
    background: transparent;
    width: 35px;
    height: 35px;
    position: relative;
    top: 14px;
}
.cart-icon {
    position: relative;
}
.webstrap-cart a.cart-icon i {
    font-size: 20px;
    color: #ffffff;
}
.webstrap-cart a.cart-icon span {
    position: relative;
    font-size: 11px;
    bottom: 31px;
    left: 11px;
    padding: 0px 4px;
    border-radius: 50%;
    color: #ffffff;
}

.webstrap-button-container ul li {
    display: -webkit-inline-box;
}
.navbar-collapse.in {
    overflow-y: initial !important;
}
.navbar-collapse {
    border-top: 0 !important;
}
/*---------------------------------------
    webstrap Media Query CSS
-----------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 768px) and (orientation : portrait) {
    .webstrap-logo .custom-logo {
        margin: 0 auto !important;
        padding-bottom: 8px;
        margin-bottom: 23px !important;
    }
    .webstrap-logo .navbar-brand {
        float: none !important;
    }
    .header_webstrap_light {
        background: #ffffff !important;
    }
    .breadcrumb.webstrap {
        margin-top: 0;
    }
    .contact_email, .contact_phone {
        display: none;
    }
    .nav-webstrap.navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    .nav-webstrap .navbar-header .navbar-toggle {
        position: relative;
        background-image: none;
        float: left;
        left: 45%;
    }
    .navbar-default .navbar-toggle {
        border: none;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: transparent;
    }
    .nav-webstrap .dropdown-menu > li > a {
        color: #ffffff !important;
    }
    .webstrap-button-container ul {
        text-align: left;
    }
    .call-to-action h2 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 800;
        margin: 0 0 13px;
    }
    .call-to-action .call-btn-1 {
        float: left;
    }
}

@media only screen and (min-width: 200px) and (max-width: 768px) and (orientation : landscape) { 
    .webstrap-logo .custom-logo {
        margin: 0 auto !important;
        padding-bottom: 8px;
        margin-bottom: 23px !important;
    }
    .webstrap-logo .navbar-brand {
        float: none !important;
    }
    .header_webstrap_dark {
        /* background: #ffffff !important; */
    }
    .breadcrumb.webstrap {
        margin-top: 0;
    }
    .contact_email, .contact_phone {
        display: none;
    }
    .nav-webstrap.navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    .nav-webstrap .navbar-header .navbar-toggle {
        position: relative;
        background-image: none;
        float: left;
        left: 45%;
    }
    .navbar-default .navbar-toggle {
        border: none;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: transparent;
    }
    .nav-webstrap .dropdown-menu > li > a {
        color: #ffffff !important;
    }
    .webstrap-button-container ul {
        text-align: left;
    }
    .call-to-action h2 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 800;
        margin: 0 0 13px;
    }
    .call-to-action .call-btn-1 {
        float: left;
    }
}

/*---------------------------------------
    Search Result
-----------------------------------------*/ 

.page-wrapper .posts-navigation a {
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    padding: 12px 24px;
    border-radius: 30px;
    display: table-cell;
    float: left;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.page-wrapper .posts-navigation a:hover {
    color: #fff;
}

.page-wrapper .posts-navigation .nav-next {
    float: right;
}