/*!

Theme Name: Ohio-Child

Theme URI: http://ohio.colabr.io/

Author: Colabrio

Author URI: http://colabr.io/

Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.

Version: 1.0.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/

*/

.branding .logo img,

.branding .logo-mobile img,

.branding .logo-dynamic img {

    min-height: 50px;

    max-height: 50px;

}



.header-cap.header-2 {

    display: none !important;

}



#home_slider {

    position: relative;

    width: 100%;

    height: 100vh;

    overflow: hidden;

    background-color: #fff;

}



.header-wrap:not(.page-container) {

    max-width: 90%;

    margin: 0 auto;

}



#home_slider .owl-carousel .item {

    position: relative;

    height: 100vh;

    width: 100%;

    background-size: cover;

    background-position: center center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.4) !important;

}



#home_slider .owl-carousel .item .content {

    width: 50%;

    text-align: left;

}



#home_slider .owl-carousel .item.active .content,

#home_slider .owl-carousel .item .content.show {

    opacity: 1;

    transform: translateY(0);

}



/* Overlay to darken images */

#home_slider .item::before {

    content: '';

    position: absolute;

    inset: 0;

    z-index: 0;

}



#home_slider .item>* {

    position: relative;

    z-index: 1;

    max-width: 800px;

}



.portfolio-item.-with-slider .headline-decor .title {

    color: rgba(30, 181, 209, 0.09) !important;

}



.slider-with-bullets:not(.slider-with-bullets-type8) .header {

    margin-right: 0 !important;

}



#home_slider .cover {

    width: 95%;

    max-width: 1400px;

    margin: 0 auto;

}



#home_slider h1 {

    font-size: 3em;

    font-weight: 900;

    margin-bottom: 1rem;

    color: #444;

    line-height: 1.2em;

}



#home_slider p {

    font-size: clamp(1rem, 1.3vw, 1.5rem);

    line-height: 1.5;

    margin-bottom: 2rem;

    font-weight: 300;

    margin-top: 0;

}



#home_slider .btn-primary {

    background: #08B4A8;

    color: #fff;

    padding: 0.75rem 2rem;

    border: none;

    border-radius: 10px;

    font-size: 1.125rem;

    cursor: pointer;

    box-shadow: 0 0 10px rgba(8, 180, 168, 0.5);

    transition: background-color 0.3s ease, box-shadow 0.3s ease;

    text-decoration: none;

    display: inline-block;

    user-select: none;
    border: 2px solid #08B4A8;

}

#home_slider .btn-primary.btn-2 {
    border: 2px solid #08B4A8;
    color: #08B4A8;
    background: #fff;
    margin-left: 20px;
}

#home_slider .btn-primary.btn-2:hover {
    color: #fff;
}



#home_slider .btn-primary:hover,

#home_slider .btn-primary:focus {

    background: #069c92;

    box-shadow: 0 0px 16px rgba(6, 156, 146, 0.7);

    outline: none;

}



/* Override Owl Carousel dots styling */

#home_slider {

    background: url(images/dot-pattern.jpg) no-repeat center center;

    background-size: cover;

}



#home_slider .owl-dots {

    position: absolute;

    bottom: 30px;

    width: 100%;

    display: flex !important;

    justify-content: center;

    gap: 12px;

    z-index: 10;

}



#home_slider .owl-dot {

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: #08B4A8;

    cursor: pointer;

    border: 2px solid transparent;

    transition: background-color 0.3s ease;

    outline: none;

}



#home_slider .owl-dot.active {

    background: #08B4A8;

    border-color: #fff;

    box-shadow: 0 0 8px #08B4A8;

}



#about img.icon {

    width: 60px;

    height: auto;

    max-height: 100px !important;

}



#pricing .container {

    display: flex;

    flex-wrap: wrap;

    justify-content: start;

    gap: 20px;

    margin: auto;

}



#pricing .plan {

    background: #fff;

    border-radius: 8px;

    border: none;

    width: 48%;

    padding: 30px;

    transition: transform 0.3s ease;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

    min-height: 420px;

    text-align: center;

}



#pricing .plan:hover {

    transform: translateY(-5px);

}



#pricing .plan h2 {

    margin-top: 0;

    color: #333;

    font-size: 2.3em;

    margin-bottom: 10px;

}



#pricing .price {

    font-size: 24px;

    color: #000;

    font-weight: bold;

    margin: 10px 0;

    font-family: Arial, sans-serif;

}



#pricing .gst {

    font-size: 14px;

    color: #777;

    margin-bottom: 20px;

}



#pricing .features {

    text-align: left;

    margin-bottom: auto;

    /* Let features take up space but allow button to push to bottom */

    padding: 0;

}



#pricing .features li {

    margin: 8px 0;

    list-style: none;

    padding-left: 20px;

    position: relative;

}



#pricing .features li::before {

    content: "✔";

    color: #0BC729;

    position: absolute;

    left: 0;

}



#pricing .btn {

    display: block;

    background: #08b4a8;

    color: white;

    text-decoration: none;

    padding: 15px 20px;

    border-radius: 8px;

    font-weight: bold;

    margin-top: 20px;

    max-width: 400px;

    margin: 0 auto;

}



#pricing .btn:hover {

    background: #000;

}



/* Style the rating radio buttons */

.wpcf7-form-control.rating .wpcf7-list-item {

    display: inline-block;

    direction: rtl;

}



.wpcf7-form-control.rating input[type="radio"] {

    display: none;

}



/* Style the stars */

.wpcf7-form-control.rating .wpcf7-list-item-label {

    font-size: 0;

    color: #ccc;

    cursor: pointer;

    position: relative;

}



.wpcf7-form-control.rating input[type="radio"]:checked~.wpcf7-list-item-label,

.wpcf7-form-control.rating .wpcf7-list-item-label:hover,

.wpcf7-form-control.rating .wpcf7-list-item-label:hover~.wpcf7-list-item .wpcf7-list-item-label {

    color: gold;

}



/* Replace label numbers with stars */

.wpcf7-form-control.rating .wpcf7-list-item-label::before {

    content: '★';

    font-size: 2rem;

}



.testimonial-item .testimonial-content {

    break-inside: avoid;

    margin-bottom: 1.5rem;

    background-color: white;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

    overflow: hidden;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    border-radius: 8px;

    height: 100%;

    display: flex;

    flex-wrap: wrap;

    align-content: space-between;

}

.testimonial-item .testimonial-content .client_details .testimonial-thumb {

    width: 60px;

    height: 60px;

    display: block;

    background: #ccc;

    border-radius: 50%;

    margin-right: 20px;

}



.testimonial-thumb img {

    max-width: 60px;

    border-radius: 80% !important;

    margin-bottom: 15px;

    object-fit: contain;

}



.testimonial-title {

    margin-top: 0;

    font-weight: bold;

    line-height: 1.3em;

}



.testimonial-title strong {

    margin-right: 30px;

}



.testimonial-item .rating {

    color: #ffc107;

    font-size: 0.9rem;

}



.testimonial-title small {

    font-weight: 400;

    color: #555;

}



.client_details {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    width: 100%;

    padding: 20px 20px 0 20px;

}



.testimonial-text {
    width: 100%;
    max-width: 100%;

    padding: 20px 20px 0 20px;

}

.testimonial-text p {

    margin-top: 0;

}

#testimonials_slider .testimonial-footer {

    border-top: 1px solid #eee;

    padding: 10px 20px;

    width: 100%;

    display: flex;

    justify-content: space-between;

}

#testimonials_slider .testimonial-footer i {

    font-size: 25px;

}

#testimonials_slider .owl-nav .owl-prev,

#testimonials_slider .owl-nav .owl-next {

    font-size: 30px;

}



#testimonials_slider .owl-nav .owl-next {

    margin-left: 20px;

}



#testimonials_slider .owl-carousel .owl-stage {

    display: flex;

    padding-left: 0 !important;

}



#testimonials_slider .testimonial-item {

    height: 95%;

}

.wpcf7 .star-rating {

    display: flex;

    flex-direction: row;

    font-size: 2rem;

    cursor: pointer;

}



.wpcf7 .star-rating span {

    color: #ccc;

    transition: color 0.2s;

    margin-right: 5px;

}



.wpcf7 .star-rating span.active {

    color: gold;

}

/* Responsive adjustments */

@media (max-width: 600px) {

    #home_slider h1 {

        font-size: 2rem;

    }



    #home_slider p {

        font-size: 1rem;

    }



    #home_slider .btn-primary {

        font-size: 1rem;

        padding: 0.6rem 1.5rem;

    }

}



header .logo-sticky img {

    width: 150px;

}



.header.-sticky .branding img {

    min-height: 0;

    max-height: 50px;

}



header.-sticky,

.header.-sticky:not(.-fixed):not(.header-8) .header-wrap {

    height: 50px;

}



header.-sticky {

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}



.branding:hover {

    opacity: 1 !important;

}

#photo_cover img {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    object-fit: cover;

    object-position: center top;

}

#wpcf7-f228939-p228940-o1 label br,
.wpcf7-form label br {

    display: none;

}

#wpcf7-f228939-p228940-o1 .vc_col-sm-12 {

    padding-bottom: 0 !important;

}

#who_can_use .overlay-details {

    background-color: rgba(0, 0, 0, 0.7);

    backdrop-filter: blur(2px);

}

.contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.contact-form textarea,
.contact-form select {
    width: 100%;
    vertical-align: top;
    border: 1px solid #999;
}

.wpcf7-form-control.wpcf7-file {
    padding: 10px;
    border-radius: 7px;
}

#site-navigation .copyright {
    display: none !important;
    opacity: 0 !important;
    font-size: 0 !important;
}

.scroll-top-holder {
    font-size: 0 !important;
}

.scroll-top-holder::after {
    content: "\f28c";
    font-family: "Ionicons";
    font-size: 20px;
    color: #000;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    transform: rotate(90deg);
    text-align: center;
    line-height: 40px;
    font-weight: 300;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.scroll-top-holder:hover:after {
    background: #000;
    color: #0cb4ab;
}

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

.elements-bar {
    top: 85%;
}
.video-container iframe {
    width: 100% !important;
    height: 400px !important;
    display: block;
    margin: 0 auto;
}

@media all and (max-width: 1200px) {

    #who_can_use .overlay-details p {

        font-size: 1rem;

        line-height: 1.3em;

    }



    #who_can_use .image-holder {

        max-height: 350px;

    }

    #home_slider .owl-carousel .item .content {

        width: 90%;

    }

    #home_slider .cover {

        max-width: 95%;

    }



    .header-wrap-inner {

        flex-wrap: wrap;

    }



    .header-wrap .left-part,

    .header-wrap .right-part,

    .header-wrap .top-part {

        flex-direction: row-reverse;

        width: 100%;

        justify-content: space-between;

    }



    .header-wrap:not(.page-container) {

        max-width: 100%;

    }



    .header-wrap .right-part .menu-optional {

        display: none;

    }



    .icon-button:hover,

    .icon-button.hamburger,

    .icon-button.cart {

        background-color: rgba(0, 0, 0, 0.2);

    }



    .is-mobile-menu .mobile-hamburger.-left {

        margin-right: 0;

    }

    #home_slider h1 {

        font-size: 2.5em;

    }

}



@media all and (max-width: 768px) {





    #home_slider .owl-carousel .item,

    #home_slider {

        height: 70vh;

    }



    .header-wrap .copyright {

        display: none !important;

    }



    .portfolio-item.-with-gradient .project-content {

        padding-left: 30px;

    }



    .portfolio-item.-with-gradient .portfolio-item-image {

        height: 32vh;

    }



    .clb-smooth-slider .-full-vh {

        height: 80vh;

    }



    .-slider-fs:not(.-slider-fs-10) .clb-slider-nav-btn {

        left: 30px;

    }



    #spotlight .-full-vh {

        height: 80vh;

    }



    #content {

        width: 100%;

        overflow: hidden;

    }



    #who_can_use .image-holder {

        max-height: 350px;

    }



    #home_slider .owl-carousel .item .content {

        width: 100%;

    }



    #pricing .plan {

        width: 100%;

    }



    #pricing .features {

        margin-bottom: 0;

    }



}