/*
Theme Name: Pincoder Template Theme
Theme URI: https://pincoder.net
Author: Pincoder Inc.
Author URI: https://pincoder.net
Description: This template is use for all project from pincoder inc. It is a customize base website with client specifications and request.
Version: 1.0
Tags: pincoder.net
*/

@font-face {
   font-family: 'Orienta-Regular';
   src: url(assets/fonts/Orienta-Regular.ttf);
}

body{
   margin: 0 auto;
   padding: 0;
   width: 100%;
   font-family: 'Orienta-Regular';
   overflow-x: hidden;
}
/* General Style */
.head-logo, nav, .main-content, .subfooter .row, .subfooter .locations, footer, .non-home{width: 100%; max-width: 1500px;margin: 0 auto; padding: 0 10px}
a:hover{text-decoration: none}

.clear{clear:both}

.page-header{max-width: 1500px; margin: 16px auto; text-align: center; width: 100%;}
   .page-header figure{height: 300px;    margin: 0;}
      .page-header figure img{width: 100%; object-fit: cover; height: 100%;}
      .page-header .page-title{background: #ab2b4b; color: white; padding: 10px;}
.m-auto{margin: 0 auto;}
.row{margin: 0 }
.hide{visibility: hidden; }
ul{margin: 0; padding: 0; list-style:none}

.wrap-div{padding: 0px 10px}
   .wrap-div .wrap-list{display: inline-block; vertical-align: middle;}

.anchor-btn{display: inline-block; background: white; padding: 19px 25px; border-radius: 5px; color: #4b67c8; text-transform: uppercase; font-size: 20px;    margin-top: 10px;}
.anchor-btn.active{background: #4b67c8;  color: white}
   .anchor-btn.active:hover{background: white !important;color: #4b67c8;}
   .anchor-btn:hover{background: #4b67c8 !important;color: white}
.logo{ max-width: 720px; width: 100%;}


/* Header Logo */
h5.head-info{background: #701c31; text-align: center; color:white; font-size: 16px; padding: 9px;margin:0}
.head-logo { padding: 15px 0;}
   .head-logo .wrap-div .wrap-list:nth-child(2){float: right;}
h3.contact-header{text-align: right; font-size: 32px; color: #4b67c8; min-width: 320px;}
   h3.contact-header span{font-size: 16px; color: black}
   h3.contact-header img{float: right; margin: 20px 0 0 10px;}

/* Navigation header */
nav{margin-top: 10px}
   nav .wrap-div .wrap-list:first-child{ width: 72%;}
   nav .wrap-div .wrap-list:nth-child(2){width: 26%; text-align: right;}
.pin-headnav-cont ul li{display: inline-block; width: auto; padding: 10px 0;}
   .pin-headnav-cont ul li a{font-size: 18px; color: black; text-transform: uppercase; display: inline-block; text-align: center; padding: 0 19px;font-weight: 600;}
      .pin-headnav-cont ul li a:hover, .current-menu-item a{color:#ab2b4b !important;}
nav form{text-align: right; position: relative; width: 375px; float: right;}
   nav form input{padding: 9px 20px; font-size: 14px; border-radius: 5px; border: 1px solid #a5a5a5; width: 100%;}
      nav form button{position: absolute; right: 1px; background: none; border: none; padding: 8px 10px; cursor: pointer; top: 0px;}
   .burgerMenu{display: none;    color: #701c31; text-decoration: none !important}
   .burgerMenu i{font-size: 3em;}

/* Banner area */
.banner{ color: white;  margin: 0 auto; text-align: center; position: relative;
    width: 100%;}
   .banner .wrap{margin: 25px auto 0; width: 100%; position: relative; z-index: 0}/*background-image: url(images/banner-img.jpg); background-repeat: no-repeat; background-position: top; background-size: cover; */
      .banner .wrap video{position: relative; z-index: -1; height: 900px;width: 100%;    object-fit: cover;
    margin: 0 auto;}
      .banner .wrap h2{font-size: 70px; text-align: center; position: absolute; top: 40%; padding: 0 10px; width: 100%; z-index: 2; color: white; font-weight: 700;}
      .banner .wrap-info{position: absolute; width: 100%; bottom: 5%;z-index: 5;}
         .banner .wrap-info div{padding-bottom: 2.5em; margin-top: 2rem;}
         .banner .wrap-info p{margin: 2em 0 ; font-size: 25px; padding: 0 10px; max-width: 1500px; margin: 0 auto;}

   .banner .wrap img{object-fit: cover; height: 450px !important}

   .flashing-image{}
      .flashing-image img{}

/* Main Content area */
.main-content{text-align: center;max-width: 1500px; margin: 0 auto;}
   .main-content h2{font-size: 55px; margin: 1.2em 0 0.7em; color: #653232; line-height: 75px;}
      .main-content h2 span{font-size: 25px; display: block; margin-top: 20px; line-height: 40px; color: #1d1d1d}
   .main-content img{width: 100%;}
   .main-content .services h4{position: absolute; color: white; font-size: 35px; text-align: left; padding-left: 40px; background-image: url(images/content-bg.png); background-position: center; height: 292px; background-repeat: no-repeat; padding-top: 12rem; width: 100%; top: 105px; background-size: 100%;}
      .main-content .services ul li:hover >  h4{background-image: url(images/content-bg-hover.png);}
   .main-content .services p{text-align: left; font-size: 18px; margin: 10px 25px 0; color: #2d2d2d}
      .main-content .services ul li{display: inline-block; max-width: 430px;  width: 100%; margin: 0px 3px 1.5em; text-align: center;background: #f9f9f9; padding-bottom: 15px; vertical-align: top; position: relative;}
      .main-content .locations ul li{display: inline-block; max-width: 300px; width: 100%; margin: 0 5px 1.5em; text-align: left;vertical-align: top;    position: relative;}
   .main-content .services h5{padding: 10px 0; font-size: 30px; text-align: center; color: #313131}
   .main-content .locations h5{position: absolute; top: 67px; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; padding-top: 5.9rem; padding-left: 13px; font-size: 25px; font-weight: 700; color: white;background-image: url(images/location-cover.png);}
      .main-content .locations h5 span{display: block;}
   .main-content .locations li:hover > h5{background-image: url(images/location-hover.png); }
/* Non Home */
.non-home{padding: 10px 20px; max-width: 1400px;}
   .non-home .subtitle{margin-bottom: 15px; font-size: 18px;}
   .non-home h2{color: #653232; font-size: 30px; display: inline-block; border-bottom: 4px solid #653232; padding-bottom: 10px; margin-bottom: 15px;}
   .non-home h3{font-size: 25px;}
   .non-home h4{font-size: 20px;}
   .non-home ul li{font-size: 20px; margin-top: 5px; border-left: 5px solid #653232; margin-left: 10px; padding-left: 9px;}
   .non-home p{font-size: 18px; margin: 10px 20px 30px; color: #2d2d2d;}
      .non-home p strong{color: #653232;font-size: 20px;}
#accordion{max-width: 1350px; margin: 0 auto;}
   #accordion .card-link[aria-expanded='true']{background: #6177a7; color: white;}
   #accordion .card-header{padding: 2px;}
      #accordion .card-header a{padding: 10px 20px; display: block; font-size: 18px; color: #ab2b4b; font-weight: 700;}
   #accordion .card-body{border: 3px solid #a1b7e8;}
   #accordion .collapse.show .card{}
/* Sub Footer Area */
.subfooter-img{background-image: url(images/main-image.jpg);  background-repeat: no-repeat; background-position: top; background-size: cover; height: 450px; margin: 10px auto 0; max-width: 1500px;}
.subfooter{ margin-top: -13px;}
   .subfooter .contact{background-color: #ab2b4c; color: white;padding: 30px 0;}
      .subfooter .contact h5{font-size: 40px;}
      .contact .row .col-sm-4 { max-width: 400px; margin: 0 auto;}
      .subfooter .contact .msg{padding-top: 8px; width: 330px;}
      .subfooter .contact .phone h5{display: block; margin: 0 auto; width: 375px;font-size: 45px;}
         .subfooter .contact .phone h5 img{float: left; margin: 30px 15px 0 0;}
         .subfooter .contact .phone h5 span{ font-size: 23px;}
      .subfooter .contact .appointment{text-align: right;}
         .subfooter .contact .appointment a{margin-top: 20px;text-align: center; width: 270px; display: inline-block; }
   .subfooter .socialmedia{background-color: #9c2342; color: white;text-align: center;border-top: 1px solid gray;}
      .subfooter .socialmedia li{display: inline-block; margin:20px 5px}
   .subfooter .locations{ margin-top: 20px; text-align: center;}
   .subfooter .locations h2{font-size: 60px;  margin: 1.2em 0 0.7em; text-align: center; color: #653232}
      .subfooter .locations li{display: inline-block; text-align: left; margin: 10px 5px; width: 290px; padding: 20px; border-radius: 10px; border: 1px solid #9c2342;}
      .subfooter .locations li:hover{background: #708ae3; border: none;}
         .subfooter .locations li:hover > h5, .subfooter .locations li:hover > p{color:white}
         .subfooter .locations li h5{font-size: 26px; color: #9c2342; font-weight: 700;}
            .subfooter .locations li p{font-size: 15px; color: black;}
               .subfooter .locations li p .phone{color: #9c2342 !important;}
               .subfooter .locations li p .email{color: #9c2342 !important}
               .subfooter .locations li p img{float: left; margin: 10px 10px 0 0;}
/* Online Forms */
.form form{max-width: 1000px; margin: 0 auto; background: #c7cff0; padding: 20px; color: black; border-radius: 5px; border: 1px solid #a5b3eb;}

.questionnaire h3{text-align: center; margin: 10px 0 20px; color: #ab2b4b}
   /* .questionnaire .hide{display: none} */
   .questionnaire .spanish{font-style: italic; color: #ab2b4b;}
   .questionnaire span{color:red}
   .questionnaire p{margin: 5px 0 11px; font-weight: 700; color: #ab2b4b;}
   .questionnaire hr{ margin: 5px 0 25px;}
/* Footer area */
footer{border-top: 1px solid gray; margin-top: 3em; padding: 2em 0 1em;}
   footer .wrap-div .wrap-list{vertical-align: top}
   .pin-footnav-cont .menu-item-21{width: 200px;}
   .pin-footnav-cont .menu-item-22{width: 165px;}
   footer .wrap-div .wrap-list:first-child{width: 25%;}
   footer .wrap-div .wrap-list:nth-child(2){width: 74%;}
   footer .logo{max-width: 450px; width: 100%; min-width: 300px;}
   footer ul{text-align: right;}
      footer li{text-align: center; display: inline-block;margin: 12px 0px 10px 10px; text-transform: uppercase; width: 100px;}
      footer li a{color: #313131; font-size: 18px; font-weight: 600;}
         footer li a:hover{color:#ab2b4b !important;}
         .copyright{font-size: 17px; margin-top: -25px; color: #313131; text-align: right; float: right; margin-right: 20px;margin-bottom: 0;}

/* Page 11 */
.page-11 .below-title{margin: -10px 0 15px !important;}
/* .page-11 figure.profile-image{float: left; clear: both; width: 120px; margin: 10px 15px 15px 0;}
   .page-11 h3{clear:both}
   .page-11 ul.profile-h3{padding-left: 125px; padding-top: 15px;}
.page-11 .wp-block-column .wp-block-columns .wp-block-column{background: #f5f7ff; padding: 11px; border-radius: 5px; border: 1px solid #bbc5ed;}
   .page-11 .wp-block-column .wp-block-columns .wp-block-column:hover{background: #dbe1f8;}
.page-11 .comingsoon{padding: 63px 20px; color: #ab2b4b; background: #f0f0f0; } */
/* page-161 */
.profile-title{width: 100%; max-width: 440px; text-align: center;}
.page-161 figure{text-align: center}
.page-161 .is-layout-flex .wp-block-column{width: 80%; margin: 0 auto; background: #3c81f7; padding: 30px; border-radius: 5px; border: 5px solid #1e59be; margin-bottom: 2rem; color: white; position: relative;}
      .page-161 .wp-block-column p{position: absolute; top: 0; left: 0; padding: 0; margin: 0; text-align: center;  background: #9fcce8; width: 100%; height: 100%; opacity: .9; padding-top: 40%; visibility: hidden;}
      .page-161 .wp-block-column:hover > p{visibility: visible}
      .page-161 .wp-block-column a{background: white; color: #4b67c8; padding: 10px; border-radius: 4px;}
         .page-161 .wp-block-column a:hover{background: #4b67c8; color:white; }
.brochure.modal-lg{max-width: 1200px;}
   .brochure iframe{width: 100%; height: 700px;}
/* Page 15 */
.page-15 .wp-block-column{padding: 20px; border-radius: 6px; background: #ebf3f4;}
   .page-15 .wp-block-column:hover{background: #5dbceb;  color: white}
   .page-15 .wp-block-column figure{text-align: center;}
      .page-15 .wp-block-column:hover > ul li a {color: #653232;}
      .page-15 .wp-block-column:hover > ul li a:hover, .page-15 .wp-block-column:hover > .viewMap a:hover {color: #a84444;}
         .page-15 .wp-block-column:hover >.viewMap a{color: #055bb9;}
      .page-15 .wp-container-12 .is-layout-flow{visibility: hidden;}
      .page-15 .wp-container-12 .is-layout-flow.wow{visibility: visible}
   .page-15 .viewMap a{font-weight: 700;margin-bottom: 10px; display: inline-block;}
   .locationMap.modal-lg{max-width: 1200px;}
      .locationMap iframe{width: 100%; }
/* For Video Page */
.page-13 figure{}
.page-13 iframe, .page-13 video{width: 100%; height: 244px; background: black; padding: 6px; border-radius: 4px;}
.page-13 .s-label strong{font-size: 23px;}
.page-13 .sm-label{text-align: center;}
   .page-13 .sm-label strong{font-size: 15px;};}
      .page-13 .m-label strong{font-size: 15px;}
.page-13 p{}
.page-13 p strong{}

/* About Us */
.about-mission{padding-top: 3% !important;}
.about-mission, .about-vision{background: #0fa0f7; padding: 15px; text-align: center; min-height: 337px; position: relative; border-radius: 5px;}
.about-mission h3, .about-vision h3{color: white; font-size: 40px;}
 .about-mission p, .about-vision p{background: white; padding: 20px;}
.we-do-care{width: 70%;  margin: 20px auto 3rem;}
   .we-do-care h3{font-size: 25px; font-weight: 700; color: #4b67c8 !important;}
   .state-of-art, .comprehensive-care, .patient-centered{}
   .state-of-art{}
   .comprehensive-care{}
   .patient-centered{}

.no-display{visibility: hidden;}
.hide-display{display: none}