@charset "utf-8";
/* CSS Document */
/*
font-family: 'Barlow', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Work Sans', sans-serif;
*/
/*Home Popup */
.jw-popup-outer .modal-body {
       padding:0;
}
.btn-close {
       position:absolute;
       right:15px; 
       top:15px;
       background-color:#ffffff !important;
}
.home-popup-form {
       padding: 40px 20px;
}
.home-popup-form h3 {
       font-size: 48px;
    text-align: left;    
    color: #404040;
    font-weight: 300;
}
.home-popup-form input[type="text"],
.home-popup-form input[type="email"],
.home-popup-form input[type="tel"],
.home-popup-form textarea {
       height: 48px !important;
    border: 1px solid #e7e7e7 !important;
    background-color: #eee !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
    width: 100%;     
}
.home-popup-form textarea {
       height: 132px !important;
}
.home-popup-form input[type="submit"] {
       padding: 15px 40px;
    font-size: 13px;
    line-height: 16px;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #4B8EEA !important;
    border: 2px solid #4B8EEA;
    transition: all 0.3s;
}
.home-popup-form input[type="submit"]:hover {
       background-color: transparent !important;
       border: 2px solid #4B8EEA;
       color: #4B8EEA !important;
}

.home-popup-form input:focus,
.home-popup-form textarea:focus,
.home-popup-form input[type="submit"]:focus {
       outline: none !important;
       border: 1px solid #4B8EEA !important;
}
.home-popup-form .wpcf7-not-valid-tip {
       color: #dc3232;
    font-size: 12px !important;            
    top: -12px !important;
    position: relative !important;
    left: 12px !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
       margin: 10px 0 0;
       font-size:16px;
}
.jw-popup-outer .popup-details {
       background-color: #88C4CA;
       padding: 70px 20px;
       text-align:center;
}
.jw-popup-outer .popup-details img {
       width: 100%;
    max-width: 240px;
    margin: 0 auto;
    text-align: center;
}
.jw-popup-outer .popup-details h4 {
       text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.jw-popup-outer .popup-details a {
       font-size: 16px;
    color: #fff;
    font-weight: 400;
}
.jw-popup-outer .popup-details i {
       display: block;
       color: #88C4CA;
    background-color: #fff;
    width: 40px;
    height: 40px;
    margin: 28px auto 10px;
    text-align: center;
    font-size: 24px;
    border-radius: 20px;
    line-height: 40px;
}

/* Schedule a Consultation */
.jw-schedule-consultation-section {
       padding: 100px 0 0;
}
.jw-schedule-consultation-bg .row {
       display: flex;
       align-items: center;
       align-content: center;
}
.jw-schedule-consultation-bg {
       background-image: url('https://jameswangmd.com/wp-content/uploads/2023/03/schedule-consultation-bg.webp');
       
       background-size: cover;
       background-position: right top;
       background-repeat: no-repeat;
}
.jw-schedule-consultation-content {
       padding-left: 10%;
}
/* Client Testimonials  */
.client-testimonials-section {
       padding: 80px 0 20px;
}
.client-testimonials-section .jw-inner-title {
       text-align: center;
}
.jw-ct-box {
       padding: 64px 40px 0;
       position: relative;
}
.jw-ct-box:before {
       content: '';
       background: url('../images/client-testimonials-icon.svg');
       width:49px;
       height:41px;
       background-size:contain;
       background-position:center;
       background-repeat: no-repeat;
       position: absolute;
       top: 0;
       left: 55px;
}
.jw-h-border {
       height: 4px;
       width: 160px;
       background-color: #88C4CA;
       margin-bottom: 24px;
}
.jw-ct-box p {
       font-style: normal;
       font-weight: 300;
       font-size: 20px;
       line-height: 150.3%;
       color: #404040;
       margin-bottom: 24px;
}
.jw-ct-box i {
       color: #88C4CA;
       font-size: 28px;
       margin-right: 14px;
}
.owl-prev {
    width: 18px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    border:0px solid black;
}
.owl-next {
    width: 18px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -10px;
    display: block !important;
    border:0px solid black;
}
.owl-prev i, .owl-next i {
       transform : scale(1,1);
       color: #4B8EEA;
       font-size: 52px;
}
.jw-ct-btn {
       text-align: center;
       margin-top: 68px;
}
/* Meet The Team  */
.meet-team-section {
       padding: 105px 0 68px;
       background-image: url('https://jameswangmd.com/wp-content/uploads/2023/03/meet-team-bg-min.webp');
       
       background-size: cover;
       background-position: center center;
       background-repeat: no-repeat;      
}
.meet-team-section .jw-inner-title {
       text-align: center;
       margin-bottom: 68px;
}
.meet-team-box {
       text-align: center;
}
.meet-team-box h3 {
       font-style: normal;
       font-weight: 300;
       font-size: 40px;
       line-height: 120%;
       text-align: center;
       letter-spacing: -0.05em;
       color: #404040;
       margin-bottom: 0;
}
.meet-team-box h4 {
       font-style: normal;
       font-weight: 300;
       font-size: 20px;
       line-height: 120%;
       text-align: center;
       letter-spacing: -0.05em;
       color: #404040;
       margin-bottom: 16px;
}
.meet-team-box .jw-h-border {
       margin: 0 auto 36px;
}
.meet-team-section .jw-border-img {
       padding-right: 18px;
       padding-bottom: 18px;
       margin-bottom: 32px;
}
/* Gallery Section */
.jw-gallery-section {
       position: relative;
       min-height: 580px;
}
.jw-gallery-img {
       position: absolute;
       object-fit: cover;
       object-position: center center;
       width: 100%;
       min-height: 580px;
       top: 0;
}
.jw-gallery-box {
       position: relative;
       z-index: 1;
       padding: 20px;
       min-height: 580px;
}
.jw-gallery-box .jw-border-div {
       padding-left: 0;
       position: relative;
       min-height: 540px;
}
.jw-gallery-content {
       position: absolute;
       z-index: 2;
       left: 6%;
       bottom: 60px;
}
.jw-gallery-content .jw-inner-title {
       margin-bottom: 10px;
}
.jw-gallery-content h4 {
       font-style: normal;
       font-weight: 300;
       font-size: 25px;
       line-height: 100.4%;
       letter-spacing: -0.05em;
       color: #404040;
       margin-bottom: 40px;
} 









/* Footer Section */
.jw-footer-section {
       float: left;
       width: 100%;
       position: relative;
       padding: 20px;
       background: linear-gradient(98.76deg, #E3E3E3 -21.32%, rgba(227, 227, 227, 0) 83.08%);
       background: -webkit-linear-gradient(98.76deg, #E3E3E3 -21.32%, rgba(227, 227, 227, 0) 83.08%);
       background: -moz-linear-gradient(98.76deg, #E3E3E3 -21.32%, rgba(227, 227, 227, 0) 83.08%);
       background: -o-linear-gradient(98.76deg, #E3E3E3 -21.32%, rgba(227, 227, 227, 0) 83.08%);
       background: -ms-linear-gradient(98.76deg, #E3E3E3 -21.32%, rgba(227, 227, 227, 0) 83.08%);
}
.jw-footer-section .jw-border-div {
       padding: 125px 0 60px;
}
.jw-footer-logo img {
       width: auto;
}
.jw-contact-details {
       padding-left: 40px;
       border-left: 1px solid #000000;
}
.jw-contact-details h4 span {
       width: 40px;
       float: left;
       margin-right: 7px;
       text-align: center;  
       min-height: 70px;
}
.jw-contact-details h4 span img {
       width: auto;
}
.jw-contact-details h4:first-child span {
       margin-top: 15px;
}
.jw-contact-details h4,
.jw-contact-details h4 a {
       font-style: normal;
       font-weight: 400;
       font-size: 20px;
       line-height: 139.3%;
       color: #404040;
       margin-bottom: 24px;
}
.jw-contact-details h4 a:focus:not(.wp-block-button__link):not(.wp-block-file__button){color: #404040;text-decoration:none;}
.jw-contact-details h4 a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline:none;}
.jw-contact-details h4 a:hover {
       color: #4B8EEA;
}
.jw-footer-menu-1{padding-top: 40px;text-align: center;}
.jw-footer-menu-1 ul,
.jw-footer-menu-2 ul {
       padding: 0;
       list-style: none;
} 
.jw-footer-menu-1 ul li{list-style: none;
    padding: 0 20px;display:inline-block;}
.jw-footer-menu-2 ul li {
       list-style: none;
       padding: 6px 0;
}
.jw-footer-menu-1 ul li a,
.jw-footer-menu-2 ul li a { 
       font-style: normal;
       font-weight: 400;
       font-size: 16px;
       line-height: 100.4%;
       text-transform: uppercase;
       color: #000000;
}
.jw-footer-menu-1 ul li a:hover,
.jw-footer-menu-2 ul li a:hover {  
       color: #4B8EEA;
}
.copyright {
       width: 100%;
    max-width: 1366px;
    position: relative;
    padding: 80px 0 0 0;
    margin: 0 auto;
}
.copyright p {
       font-style: normal;
       font-weight: 400;
       font-size: 15px;
       line-height: 147.9%;
       text-align: center;
       color: #000000;
}
.powered-by {
       position: absolute;
       right: 15px;
       bottom: -15px;
}
.powered-by span {
       font-family: 'Barlow', sans-serif;
       font-style: normal;
       font-weight: 500;
       font-size: 16px;
       line-height: 65px;
       color: #000000;      
       vertical-align: middle;
}
.powered-by img {
       width: auto;
}
.jw-blogouter {
    padding: 20px;
    background-color: #f7f7f7;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 10%);
}
.jw-blogouter h3.postpage-title{line-height: 110%;
    font-size: 26px;
    color: #000;
    margin-bottom: 15px;min-height: 115px;
    height: 100%;}
.jw-blogouter img{margin:0 0 20px;max-height: 242px;height: 100%;
    object-fit: cover;min-height: 242px;}
.jw_postpage_title{font-size: 70px;
    font-weight: 300;
    line-height: 120%;
    color: #000;
    letter-spacing: -0.4px;}
.single-post .jw_postpage_title {
       font-size: 56px;}
.single-post .blogDetails{
    margin: 15px 0 25px;
    font-size: 18px;
    line-height: 140%;
}
.single-post .jw-innerpage-banner{margin-bottom:0 !important;}
.jw-singleblog h2{margin:20px 0;font-size:44px;line-height:120%;color:#000; font-weight: 400;}
.jw-singleblog h3{margin:15px 0;font-size:30px;line-height:120%;color:#000;font-weight: 400;}
.jw-singleblog h4{margin:10px 0;font-size:30px;line-height:120%;color:#000;font-weight: 400;}
.jw-singleblog h5{}
.jw-singleblog p{margin:0 0 20px;font-size:18px;line-height:140%;color:#000;}
.jw-singleblog a, .single-post .blogDetails a{color:#4b8eea;}
.jw-singleblog a:hover, .single-post .blogDetails a:hover{color:#000;}
.jw-singleblog ul{}
.jw-singleblog ol{margin-bottom:15px;}
.jw-singleblog li{margin:10px 0px;font-size:18px;line-height:140%;color:#000;}
.jw-singleblog .post-thumbnail img{max-width:650px !important;width:100%;}

/* New Before After Page */
.bap-img-outer {
       position: relative;  
}
.bap-img-outer img {
       object-fit: cover;
       object-position: center 40%;
       width: 100%;
       height: 480px;
}
.bap-title {
       display: block;
       position: absolute;
       width: 90%;
    left: 5%;
    bottom: 20px;        
    padding: 8px 15px;
    text-align: center;
    background-color: rgba(136,196,202,0.75);
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
       z-index:4;
}
.ba-content-section {
       padding-bottom: 80px;
}
.bac-poster {
       position: relative;
       cursor: pointer;
}
.bac-poster img {
       object-fit: cover;
       object-position: center 40%;
       width: 100%;
       height: 480px;
}
.bap-icon {
       opacity:0;
       transition: 0.3s;
       position: absolute;
       width: 100%;
       height: 100%;
       left:0;
       top:0;
       bottom: 0;
       right:0;
       background-color: rgba(136,196,202,0.65);
       z-index:2;
       display: flex;
       justify-content: center;
       align-items: center;
}
.bap-icon i { 
       position: absolute;
       top: 50%;
       left: 50%;
       -ms-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       font-size: 56px;
       color: #ffffff;
       z-index:3;
}
.bac-poster:hover .bap-icon,
.bap-img-outer:hover .bap-icon {
       opacity:1;
}
.bap-img-outer .bap-icon img {
       width: 50px;
       height: auto;
       object-fit: contain;
       object-position: center;
}
.bac-poster:hover .bap-title,
.bap-img-outer:hover .bap-title {
       background-color: rgba(136,196,202,1);
}
.bac-image-outer {
       float: left;
       width: 100%;
       max-width: 50%;
       padding: 15px;
       position: relative;
}
.bac-image-slider item img {
       width: 100%;  
}
.bac-image-outer .bac-tag {
       position: absolute;
    left: 28px;
    bottom: 28px;
    width: 100%;
    max-width: 100px;
    padding: 8px 15px;
    text-align: center;
    background-color: rgba(136,196,202,0.75);
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
}
.bac-image-slider .owl-dots {
       text-align: center;  
}
.bac-image-slider.owl-carousel .owl-dot {
       height: 15px;
       width: 15px;
       background-color: #cccccc;
       margin: 0 5px;
       display: inline-block;
}
.bac-image-slider.owl-carousel .owl-dot.active { 
       background-color: #4B8EEA;
}
.bac-image-slider.owl-carousel .owl-prev {
       margin-left: -10px;
}
.bacd-title {
       position: relative;
    font-size: 44px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 1.3;
    padding-top: 12px;
    margin-top: 68px;
    padding-left: 0;
    margin-bottom: 24px;
}
.bacd-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 4px;
    background: #88C4CA;
}
.page-template-jw-before-after-post-php a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
       outline: none !important;
}


.jw-fixed-header #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
       color: #fff !important;
}
.jw-header-social {
       position: relative;
       top:-3px;
}
@media (max-width:1400px) {
       .site-header.jw-site-header { padding:10px 2% !important; }
}
@media (max-width:1199px) {
       .bap-img-outer img, .bac-poster img { height: 360px; }
       .single-before_after_gallery .jw-innerpage-banner.bp-i-section { padding-bottom: 25px; }
       .jw-header-social a,
       #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
       #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size:12px !important; }
       .jw-header-social a { padding:0px !important; }
}

@media (max-width:1024px) {
       #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
              color: #fff !important;
       }
       body .site #mega-menu-wrap-primary a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { color:#fff !important; }
}
@media (max-width:991px) {
       .bap-img-outer img, .bac-poster img { height: 330px; }
       .bap-title, .bac-image-outer .bac-tag { font-size:14px; }
       .bacd-title { font-size:35px; margin-top:40px; }
}
@media (max-width:575px) {
       .bap-img-outer img, .bac-poster img { height: auto; min-height: 210px; }
       .bap-img-outer, .bac-poster { margin: 0 40px; }
       .bacd-title { margin-left:40px; margin-right:40px; }
       .page-template-jw-before-after-post-php .bp-i-section .jw-inner-page-title { margin-bottom:0px !important; }
       .jw_postpage_title { font-size: 40px !important; }
       .single-before_after_gallery section.jw-innerpage-banner.bp-i-section { margin-bottom: 0; padding-bottom: 20px; }
       .bac-image-outer { padding: 3px; }
       .bac-image-slider.owl-carousel .owl-dot { height: 10px; width: 10px; margin: 0 3px; }
       .bac-image-outer .bac-tag { left: 10px; bottom: 10px; padding: 8px; line-height:1; font-size:12px; }
       .bacd-title { font-size:28px; }
}

@media (max-width:480px){
       .jw-contact-details h4:first-child span img {margin-bottom:20px;}
       .bap-img-outer, .bac-poster { margin: 0 30px; }
       .bacd-title { margin-left:30px; margin-right:30px; }
}