/* =================
   Global Colors 
   =================================================== */

/* = Misc ================================================= */
.page-testimonials .page-item,
.app-req-form .page-item,
.page-photogallery .page-item,
.page-contact .page-item:nth-child(n+2),
.page-links .page-item,
.page-dentalvideos .page-item,
.page-faq .page-item,
.page-smileanalysis .page-item,
.app-req-form .page-item.currentpatient,
.app-req-form .page-item.prefcall,
.app-req-form .page-item.preflocation,
.app-req-form .page-item.prefday,
.app-req-form .page-item.preftime,
.app-req-form .page-item.comments,
.page-team .page-item,
.page-smileanalysis .group >.page-item:last-child,
.page-smileanalysis .page-item:last-child,
.page-links .page-item:last-child,
.page-dentalvideos .page-item:last-child,
.page-faq .page-item:last-child,
.page-photogallery > div >.page-item:last-child, 
.page-list > ul > li > a,
.page-contact .page-item,
.related-pages,
.page-list > ul,
.page-list ul,
.page-list > ul > .PageService_Group,
.page-contact .profile,
.border-color1,
.plug-in-form .notes {
    border-color: rgba(0,0,0,0.2);
}
.accordion .page-item:hover h3 {   
    background: rgba(0,0,0,1);
    color: rgba(255,255,255,1);
}
.page-contact .container-inner,
.form-bg {
    background: #D4CCC2;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .3em;
}
.case-details a.icon:hover {
    background-color: #fff;
    color: #457E9A;
    border-color: #fff;
}
.form .heading::after,
.border-color2 {
    color: #B5A898;
}

/* = Form Colors ================================================= */
.form input[type=text],
.form input[type=tel],
.form input[type=email],
.form textarea,
/*.qcform input,legacy classes*/ 
.qcform textarea,/*legacy classes*/ 
.qcformcolor 
 {
    border: 1px solid #9E9589;
    background: rgba(255,255,255,1.0);
    color:rgba(0,0,0,0.7);
}
.form input[type=text]:focus,
.form input[type=tel]:focus,
.form input[type=email]:focus,
.form textarea:focus,
.qcform input:focus,/*legacy classes*/ 
.qcform textarea:focus/*legacy classes*/ 
 {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, .4);
}
/*other page form styling */
.plug-in-form input[type=text],
.plug-in-form input[type=tel],
.plug-in-form input[type=email],
.plug-in-form textarea
 {
    width:100%;
    display:block;
    border: 1px solid rgba(0,0,0,0);
}
/*placeholder colors*/
.form input[type=text],
.form input[type=tel],
.form input[type=email],
.form textarea {
    color: rgba(0,0,0,0.7);
}
/*chrome placeholder color*/
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,0.7);
}
/*ff placeholder color*/
    input::-moz-placeholder,
    input:-moz-placeholder,
    textarea::-moz-placeholder,
    textarea:-moz-placeholder { 
    color: rgba(0,0,0,0.7);
    opacity: 1;
}

.plug-in-form .notes {
    border-color: rgba(0, 0, 0, 0.15);
}


/* = Main Menu Icons ================================================= */
ul.menu-icons li a.icon {
    color: rgba(255,255,255,1);
}
ul.menu-icons li a.icon:hover {
    color: rgba(255,255,255,.9);
    background-color: #1C4F69;
}
@media (max-width: 480px) {
ul.menu-icons {
    border-bottom: 1px solid rgb(38, 96, 124);
    }
}

/* = Main Menu Icons Dropdowns = */
.rblMaps,
.rblPhones {  
    background-color: #255B75;
}
.rblMaps a,
.rblPhones a {  
    border-style: solid;
    border-color: #fff;
    color: #fff;
}
.rblMaps a:hover,
.rblPhones a:hover { 
    background-color: #fff;
    color: #255B75;
    border-color: #214C60;
}
a.mapicon:before {
    color: rgba(0,0,0,0.9);
}


/* = tablet/ph hover styling ================================================= */
@media screen and (max-width: 1200px) {
.accordion .page-item:hover h3 {   
    background: none;
    color: inherit;
}
.accordion .page-item:active h3 {   
 -webkit-tap-highlight-color: rgba(0,0,0,1.0);
    }
}
@media(max-width:768px) {
.page-contact .container-inner  {
    background: none;
    border: 0px solid rgba(0,0,0,0.2);
    }
}

/* = radio button styling ================================================= */
input[type="radio"] + label::before, 
input[type="checkbox"] + label::before {
    background: rgb(255,255,255);
    border-color: rgba(0,0,0,0.0);
}
input[type="radio"]:checked + label::before,
input[type="checkbox"]:checked + label::before{
    background: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1);
    color: rgb(255,255,255);
}