/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Florian Perrier <contact@florianperrier.com>
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.17.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*---------------------------------------------------------------------------

[Table Of Contents]

1. General (body, h*, p, ...)
2. Helpers (common classes)
3. Wordpress plugins
    3.1 CF7
    3.2 Visual composer
4. Modules (wordpress/theme reused module, widget, ...)
    4.1 Price table
5. Header
	5.1 Top bar
    5.2 Menu
    5.3 Mobile menu
6. Footer
7. HOME
8. NEWS / BLOG
9. CONTACT


---------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------*/
/* 2. Helpers
/*-------------------------------------------------------------------------*/
/* CTA */
.cta {
    align-items: center;
}

.site-content {
    margin-bottom: 100px;
}


/*-------------------------------------------------------------------------*/
/* 4.1 Price table
/*-------------------------------------------------------------------------*/
.price-table-container {
    background: none;
}

.price-table-container .vc_column-inner {
    background: none !important;
}

.price-table-container .vc_column-inner .wpb_wrapper {
    background-color: #ffffff;
    padding: 0 25px;
}

.price-table-container.vc_col-sm-3 .vc_column-inner .wpb_wrapper {
    box-shadow: 3px 15px 20px rgba(0, 0, 0, 0.06);
    border-radius: 10px !important;
}

.price-table-container.price-table-background .vc_column-inner .wpb_wrapper {
    background-color: #fff6ef !important;
}

.pricing .pricing_price {
    height: 20px;
}

    /* table pricing table */
    .table-pricing-table thead th {
        border: none;
        vertical-align: top;
        width: 20%;
    }

    .table-pricing-table h3 {
        font-size: 30px;
        color: #f14105;
        line-height: 26px;
        margin: 0;
        text-align: center;
    }

    .table-pricing-table tbody tr td:first-child {
        font-size: 15px;
        font-weight: bold;
        line-height: 19px;
        text-align: left;
    }

    .table-pricing-table tbody tr td {
        text-align: center;
    }

    .table-pricing-table tbody tr td .btn {
        border-color: #f14105;
        color: #f14105;
    }

    .table-pricing-table .ion::before {
        color: #f14105;
        font-size: 30px !important;
        line-height: 34px;
    }


/*-------------------------------------------------------------------------*/
/* 5. Headers
/*-------------------------------------------------------------------------*/
.site-header .header-wrap,
.header-cap {
    height: 100px;
}

.header .fixed-logo,
.header .mobile-logo,
.header .fixed-mobile-logo {
    display: none;
}

.header.-sticky .fixed-logo {
    display: flex;
}


/*-------------------------------------------------------------------------*/
/* 5.2 Menu
/*-------------------------------------------------------------------------*/
.site-header.header-3:not(.mobile-header) .main-nav {
    left: 70%;
    -webkit-transform: translateX(-70%);
    -ms-transform: translateX(-70%);
    transform: translateX(-70%);
}

.site-header:not(.mobile-header) .nav-item a {
    padding: 0 20px;
}


/*-------------------------------------------------------------------------*/
/* 6. Footer
/*-------------------------------------------------------------------------*/
.site-footer .site-info-holder {
    padding-top: 10px;
    padding-bottom: 10px;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}


@media screen and (max-width: 768px) {
    .header .mobile-logo {
        display: flex;
    }
}