/*
Theme Name: OntoOrthopedics
Description: Onto Orthopedics Website
Author: NA
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: OntoOrthopedics
*/

.inline-cta {
    display: inline-block !important;
}

.field {
    width: 36% !important;
}

body:not(.menu-force-opacity)[class*=hmenu-] .menu-primary.is_stuck .menu-container {
    box-shadow: 0 0 0 rgba(255,255,255,0);
}

.contact-back-form .btn { 
    width: 20% !important;
    margin-left: 4% !important;
}

div > .icon-box:first-child {
    margin-left: 9px;
}

.contact-back-form .one {
    margin-right: 4% !important;
}

.icon-box.icon-box-left.icon-inline {
    margin-bottom: 30px;
}

.style-light .input-background input[type="text"], .style-dark .style-light .input-background input[type="text"], .style-light .input-background input[type="email"], .style-dark .style-light .input-background input[type="email"], .style-light .input-background input[type="number"], .style-dark .style-light .input-background input[type="number"], .style-light .input-background input[type="url"], .style-dark .style-light .input-background input[type="url"], .style-light .input-background input[type="tel"], .style-dark .style-light .input-background input[type="tel"], .style-light .input-background input[type="search"], .style-dark .style-light .input-background input[type="search"], .style-light .input-background input[type="password"], .style-dark .style-light .input-background input[type="password"], .style-light .input-background input[type="date"], .style-dark .style-light .input-background input[type="date"], .style-light .input-background textarea, .style-dark .style-light .input-background textarea, .style-light .input-background select, .style-dark .style-light .input-background select, .style-light .input-background .select2-selection--single, .style-dark .style-light .input-background .select2-selection--single {
    background: #fff !important;
}

.rounded .row-parent {
    border-radius: 22px !important;
}

.menu-wrapper .col-lg-0 {
    padding-top: 21px !important;
    padding-bottom:21px !important;
}

.gm-mega-menu__item__title, .gm-menu-item__link {
    display: none !important;
}

.header-bar .col-lg-4, .header-bar .col-lg-12 {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
}

.box-container {
    width: 100% !important;
}

.gm-search:not(.fullscreen) .gm-search__input {
    margin: 0;
}

.gm-minicart a {
    color: inherit;
}

.menu-item a {
    font-weight: bold;
}

#menu-item-1008739 {
    background: #fff;
    border: 1px solid #003764;
    border-radius: 2px;
    height: 70%;
    margin-top: 10px;
    vertical-align: middle;
    margin-left: 30px;
    color: rgba(90, 90, 90, 1);
}

#menu-item-1008739:hover {
    background: #003764;
    border: 1px solid #003764;
    color: #fff !important;
}

#menu-item-1008739:hover span {
    color: #fff !important;
}

#menu-item-1008729 {
    margin-left: 21px;
}


#menu-item-1008739:hover a {
    color: #fff !important;
}

#menu-item-1008739 a {
    color: rgba(90, 90, 90, 1) !important;
}

#menu-item-1008739 a:active, #menu-item-1008739 a:visited {
    color: rgba(90, 90, 90, 1) !important;
}

.gm-navbar-sticky-toggle #menu-item-1008739  {
    margin-top: 7px !important;
}




#menu-item-1008739 .gm-caret {
    display: none;
}

.cta-form input.wpcf7-text {
    display: inline-block !important;
}

.icon-box.icon-inline {
    text-align: left;
}

.showcase {
    position: relative;
}
.keep-moving {
    position: absolute !important;
    right: -110px !important;
    bottom: 90px !important;
    transform: rotate(-90deg); /* Equal to rotateZ(45deg) */
}

.keep-moving img.alignnone {
    vertical-align: middle !important;
}

.reviews .t-entry-visual-cont img {
    max-width: 150px !important;
    margin: 0 auto !important;
}

.reviews .single-block-padding {
    padding-top: 0 !important;
}

.feedback-button{
    position: fixed;
    top: 50%;
    right: 0px;
    width: 115px;
    height: 0px;
    text-align:right;
    z-index:9999;
    margin-top:-15px;
}

.feedback-button a{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: block; 
    background: #06c; 
    text-align:center;
    height: 15px; 
    width: 165px;
    padding: 8px 16px;
    color: #fff; 
    font-family: Arial, sans-serif; 
    font-size: 17px; 
    font-weight: bold; 
    text-decoration: none; 
    border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #fff;

}

.custom-list li .fa {
    font-size: 6px !important;
    top: -0.5em !important;
}

.custom-list ul {
    margin-left: 50px !important;
}

body.uncode-btn-round .btn:not(.btn-default-shape):not(.btn-square):not(.btn-circle), body.uncode-btn-round input[type="submit"]:not(.btn-default-shape):not(.btn-square):not(.btn-circle), body.uncode-btn-round input[type="reset"]:not(.btn-default-shape):not(.btn-square):not(.btn-circle), body.uncode-btn-round input[type="button"]:not(.btn-default-shape):not(.btn-square):not(.btn-circle), body.uncode-btn-round button[type="submit"]:not(.btn-default-shape):not(.btn-square):not(.btn-circle) {
    border-radius: 4px;
}

.wpcf7-spinner {
    position: absolute !important;
    margin-top: 25px !important;
}

.site-footer .wpcf7-inline-wrapper.wpcf7-input-group > *:first-child input:not(.btn):not(.inset-input) {
    border: 1px solid #fff;
}

.site-footer .btn {
    padding: 27px !important;
}

.radius-top .uncode-single-media-wrapper img {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.radius {
    border-radius: 25px;
}

.max-250 {
    display: block !important;
    max-width: 250px !important;
    margin: 0 auto !important;
    margin: 0 auto;
}

.gm-search__alpha {
    text-transform: capitalize;
}

.single-post .page-wrapper .limit-width {
    max-width: 900px;
    margin: 0 auto;  
}

.single-post .post-after .limit-width {
    max-width: 1400px;
    margin: 0 auto;  
}

.comments-area .btn {
    font-size: 14px;
    padding: 15px 36px!important
}

/*---- Responsive ----*/
@media only screen and (max-width: 1200px) {
    .gm-navbar ul i, .gm-navbar ol i {
        margin-right: 0 !important;   
    }
    .gm-container {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .highlight-box .col-md-50 .col-md-50 {
        width: 100% !important;
    }

    .highlight-box .col-md-50 .ignore .col-md-50 {
        width: 50% !important;
    }
    .hightlight-box {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }
    .uncode-divider-wrap.uncode-divider-wrap-bottom.z_index_0 {
        height: 75% !important;
    }
}




@media only screen and (max-width: 959px) {    
    .main-container .showcase .row-parent {
        height: 100% !important;
    }
    .keep-moving {
        bottom: -25px !important
    }
    .row.unequal.col-double-gutter.no-top-padding.triple-bottom-padding.single-h-padding.limit-width.row-parent {
        max-width: 750px !important;
        margin: 0 auto !important;
    }
    .profile .left, .profile .right {
        width: 100% !important;
        float: none !important;
    }
    .service-header .row {
        max-width: 450px !important;
    }
    .three-col .col-lg-4 {
        width: 80%;
        max-width: 660px;
        margin: 0 auto;
    }
}



@media only screen and (max-width: 768px) {
    .keep-moving {
        display: none;
    }
    .btn-lg {
        font-size: 22px !important;
        padding: 22px 46px !important;
    }
    .btn {
        padding: 22px 30px !important;
    }
    .site-footer .btn {
        padding: 22px !important;
    }
    .main-container .showcase .row-parent {
        height: 80% !important;
    }
    .main-container .row-container .triple-top-padding {
        padding-top: 32px !important;
    }
    .service-header .btn {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        transform: scale(1) !important;
        font-size: 20px !important;
    }
	.walk-in-phone {
	margin-bottom: -10px;
}
}

@media only screen and (max-width: 668px) {    
    .profile .left .uncell {
        padding-right: 30px !important;
        padding-left: 0 !important;
    }

    .profile .background-inner {
        background-position: 100% 100% !important;
        background-size: 300px !important;
    }
}


@media only screen and (max-width: 600px) {
    .site-footer .btn {
        font-size: 16px !important;
        padding: 22px 20px !important;
    }
    .quad-gutter > div > .tmb, .quad-gutter > .owl-carousel .tmb {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .profile .background-inner {
        background-size: 260px !important;
    }
    .radius {
        padding: 55px 35px !important;
    }
    .radius h2{
        margin-bottom: 20px;
    }
    .wpcf7-inline-wrapper {
        margin-top: 0 !important;
    }
    .wpcf7-inline-wrapper .wpcf7-inline-field {
        width: 100% !important;
        display: block;
        margin: 0;
        margin-bottom: 11px !important;
        padding: 0;
    }

    input {
        margin-top: 0;
        margin-bottom: 11px !important;
    }

    .wpcf7-select {
        margin: 0;
        margin-bottom: 11px !important;
    }
    .contact-area h4 {
        margin-bottom: 15px;
    }
    .wpcf7-submit.btn {
        margin-top: 0;
    }

    .contact-area .wpcf7-submit.btn {
        margin-top: 15px;
    }
    .service-header .btn {
        font-size: 16px !important;
    }
    .adjusted-img .double-block-padding {
        padding: 0 !important;
        padding-right: 25px !important;
        padding-bottom: 25px !important;
    }

    .adjusted-img .double-block-padding .background-inner {
        background-position: right bottom !important;
        background-size: 70% !important; 
    }

    form p {
        margin: 0 !important;
    }
    .wpcf7-inline-wrapper.wpcf7-input-group .wpcf7-inline-field-text {
        width: 100% !important;
        display: block !important;
    }
    body:not(.rtl) .wpcf7-inline-wrapper.wpcf7-input-group > *:first-child input:not(.btn):not(.inset-input) {
        width: 100% !important;
        max-width: 480px !important;
        border-right: 1px solid #fff !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        display: block !important;
    }
    body:not(.input-underline):not(.rtl) form:not(.input-underline) .wpcf7-inline-wrapper.wpcf7-input-group > *:not(:first-child) input {
        width: 100% !important;
        max-width: 480px !important;
        border-left: 1px solid #fff !important;
        border-top-left-radius: 2px !important;
        border-bottom-left-radius: 2px !important;
        display: block !important;
        margin-top: 10px !important;
    }
    .wpcf7-inline-wrapper.wpcf7-input-group {
        display: block !important;
    }
	#logo-bar-mobile .uncode-list {
		margin-left: 0 !important;
	}
}

@media only screen and (max-width: 480px) {
    .btn-lg {
        font-size: 19px !important;
        padding: 17px 26px !important;
    }

    h1 {
        font-size: 30px !important;
    }
    h2 {
        font-size: 20px !important;
    }
    .site-footer .btn {
        font-size: 14px !important;
        padding: 22px 17px !important;
    }
    .btn {
        padding: 22px 20px !important;
        width: 100% !important;
        display: block !important;
        font-size: 16px !important;
        transform: scale(1) !important;
    }
    .profile .background-inner {
        background-size: 220px !important;
    }
    .blog-posts .left .btn {
        padding: 22px 20px !important;
        width: 250px !important;
    }
    .contact-area .single-block-padding {
        padding: 10px !important;
    }
    .showcase .background-inner {
        background: url('images/mobile-bg-showcase.webp') !important;
    }

    .highlight-box .background-inner {
        background: url('images/mobile-bg-featured.webp') !important;
        background-position: 50% 37% !important;
    }
    .highlight-box .row-parent {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }

    .appointment .row-parent {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }

    .appointment .background-inner {
        background: url('images/mobile-bg-appointment.webp') !important;
        background-position: 70% 50% !important;
    }
}

@media only screen and (max-width: 360px) {
    .btn {
        font-size: 13px !important;
    }
}