:root {
    --color1: #fff;
    --color2: #231F20;
    --color3: #3853A5;
    --color3a: #7A8CC3;
    --color3b: #BDC6E1;
    --color3c: #61C1D1;
    --color3d: #82D1DE;
    --color3e: #AFDFE0;
    --color4: #949A90;
    --color5: #c6c2b7;
    --color6: #606060;
    --color7: #313234;
    --color8: #3853A5;
    --color9: #F78F1D;
    --color10: #324373;
  }
.bg-color1{
    background: var(--color1);
}
.bg-color3{
    background: var(--color3);
}
.bg-color3a{
    background: var(--color3a);
}
.bg-color3b{
    background: var(--color3b);
}
.bg-color3c{
    background: var(--color3c);
}
.bg-color3d{
    background: var(--color3d);
}
.bg-color3e{
    background: var(--color3e);
}
.bg-color8{
    background: var(--color8);
}
/* globals */
a:hover{
    color: var(--color2) !important;
}
a.text-read{
    color: var(--color2);
}
.scrollToTop {
    background-color: var(--color3e);
    color: var(--color1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.65);
}
.diagonal-top {
    background: url(https://www.kidsdentalhomeutah.com/images/stock/wood-bac-sk1.jpg);
    background-size: cover;
    background-position: center;
}
.diagonal-top2 {
    background: var(--color1);
}
.diagonal-bottom{
    background: var(--color1);
    
}
/* globals */

/* header */
.main-menu-btn{
    color: var(--color1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    background: var(--color2);
}
.main-menu-btn-logo-separator {
    border-right: 1px solid #dad3c9;
}
.sm,
.sm ul,
.sm li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.menu-items a,
.menu-items a:hover,
.menu-items a:focus{
    background: transparent;
    color: var(--color2) !important;
}
.menu-items a.disabled {
    color: #a1d1e8;
}
.menu-items a span.sub-arrow {
    background: rgba(0, 0, 0, 0.0);
}
header .location{
    /* background: var(--color3); */
    color: var(--color1);
}
header .contact ul li a{
    border: solid 1px var(--color1);
}
header .contact ul li a:hover{
    border: solid 1px var(--color2);
    color: var(--color2);
}
header .container-menu{
    background: var(--color1);
}
header .container-logo{
    background: var(--color1);
}
header .line{
    border-right: solid 1px var(--color2);
}
.fixed-top {
    background: #049cd8b7;
}
header .active a{
    color: var(--color2) !important;
}
header .active a:hover{
    color: var(--color3) !important;
}
header .active a span.sub-arrow{
    border-color: var(--color3) transparent transparent transparent !important;
}

header .location a{
    color: var(--header-txt-color);
}

/* header */

/* hero */
.hero .container-text h4{
    color: var(--color3);
    background: var(--color5);
}
.hero .container-text h2{
    color: var(--color1);
}
.hero .container-text h6{
    background: rgba(255, 255, 255, 0.795);
}
.hero .container-text h6 a{
    color: var(--color2);
}
.hero span{
    background: var(--color9);
}
.hero span h3, .hero span p, .hero span a{
    color: var(--color1);
}
/* hero */

.hero-reviews h2, .hero-reviews h4{
    color: var(--color3);
}

/* call-outs */
.calls-outs h1, .calls-outs p, .calls-outs a{
    color: var(--color2);
}
.calls-outs h1 span, .calls-outs h2{
    color: var(--color2);
}
/* call-outs */

/* philosophy */
.philosophy h2, .philosophy p span{
    color: var(--color1);
}
.philosophy p, .philosophy a{
    color: var(--color1);
}
/* philosophy */

/* doctor */
.doctor h2, .doctor .title{
    color: var(--color2);
}
.doctor a{
    color:var(--color3);
}
.doctor h2 span, .doctor p, .doctor h5{
    color: var(--color6);
}
/* doctor */

/* services */
.services h2{
    color: var(--color5);
}
.services h2 span, .services h4{
    color: var(--color1);
}
.services h3 {
    color: var(--color1);
}
.services p, .services ul li{
    color: var(--color1);
}
.services a.text-read{
    color: var(--color1);
}
.diagonal-top-service{
    background: var(--color1);
}
/* services */


/* services2 */
.services2 h2 {
    color: var(--color2);
}
.services2 .container-btn-service{
    background: var(--color3);
}
.services2 .container-btn-service a{
    color: var(--color1);
}
.services2 .line-right{
    border-right: solid 1px var(--color1);
}
.serv-bac {
    background: var(--color6);
}
/* services */

/* footer */
footer a{
    color: var(--color2);
}
footer .social a{
    border: solid 1px var(--color1);
    color: var(--color1);
}
footer .phone{
    color: var(--color2);
}
footer .location{
    color: var(--color6);
}
footer ul li{
    color: var(--color6);
}
/* footer */

/* secundaries page */
.page-intro{
    border-top: solid 0px #049cd8b7;
}
.page-intro2 .container-text5 h2{
    background: #bbbcb5c4;
    color: var(--color3);
}
.content-secundary a{
    color: var(--color1);
}
.content-secundary hr{
    border-top: 1px solid var(--color1);
}
.content-secundary h3{
    color: var(--color1);
}
.content-secundary ul li, .content-secundary ul li a {
    color: var(--color6);
}
.content-secundary p, .content-secundary li{
    color: var(--color6);
}
.secundary-philosophy h3 {
    color: var(--color2);
}
.secundary-philosophy h4 {
    color: var(--color6) !important;
}
.secundary-philosophy p, .secundary-philosophy p span  {
    color: var(--color6) !important;
}
.content-secundary .container-btn a{
    border: solid 1px var(--color1);
    color: var(--color1);
}
.content-secundary .container-btn a:hover{
    background: var(--color3);
    color: white !important;
}
.content-secundary .container-btn2 a{
    color: var(--color1);
    background: var(--color3);
}
.content-secundary .container-btn2 a:hover{
    color: var(--color2);
}
.content-secundary .container-btn3 a{
    color: var(--color1);
}
.content-secundary .container-btn3 a:hover{
    color: var(--color2) !important;
}
.content-secundary .servv-txt p {
    color: var(--color2);
}
.secundary-technologies p, .secundary-technologies ul li, .secundary-technologies ul li a, .secundary-technologies h1 {
    color: var(--color6) !important;
}
.secundary-reviews h5{
    color: var(--color1);
}
.secundary-insurance p{
    color: var(--color6);
}
.secundary-insurance h1, .secundary-insurance h6  {
    color: var(--color6) !important;
}
.secundary-insurance .container-btn a {
    border: solid 1px var(--color6) !important;
    color: var(--color6) !important;
}
.testimonials p, .testimonials ul li {
    color: var(--color1);
}
.text-testimials{
    color: var(--color6) !important;
}
.secundary-contact p a{
    color: var(--color6);
}
/* .secundary-contact ul li{
    color: var(--color1);
} */
/* .secundary-appointment p, .secundary-appointment a, .secundary-appointment h2 {
    color: var(--color6) !important;
} */
.secundary-appointment input, .secundary-appointment textarea {
    border: solid 1px var(--color6);
}
.secundary-appointment .btn-contact {
    border: solid 1px var(--color3);
    background: var(--color3);
    color: var(--color1);
}
.secundary-appointment .btn-contact:hover {
    background: #1D3955;
    color: white !important;
}
.content-secundary h1, .content-secundary h2, .content-secundary p span, .content-secundary h4, .secundary-insurance h6 {
    color: var(--color3);
}
.team-pix h1{
    color: var(--color6);
}
.content-secundary .team-pics h4{
    color: var(--color3);
}
.content-secundary .team-pics p{
    color: var(--color6);
}
/* secundaries page */

/* background */
.bg-white{
    background: var(--color1);
}
.bg-blue-1{
    background: var(--color3a);
}
.color-1{
    background: var(--color3c);
}
/* background */

/* Landing page */
.lp a {
    color: var(--color2);
}
.lp .hero .container-text h6{
    background: rgba(255, 255, 255, 0.795);
    color: var(--color6);
}
.lp .section-1 h2, .section-7 h3 span, .section-7 h4{
    color: var(--color3);
}
.section-2 p{
    color: var(--color1);
}
.section-2 hr{
    border-top: 1px solid var(--color5);
}
.lp .section-2 h2, .lp ul li, .lp .section-2 a{
    color: var(--color1);
}
.section-2 ul li span{
    color: var(--color1);
}
.lp .section-2 h1, .lp .section-2 h2 span, .section-6 h1, .lp .hero .container-text h4, .section-1 h2 span, .section-3 h1, .section-3 p span, .section-3 a, .section-4 p span, .section-4 a, .section-5 h1, .section-5 .title, .section-6 p span, .section-7 h1, .section-7 h3, .section-7 h4 span, .section-7 .second-opinion p span {
    color: var(--color2);
}
.section-1 hr{
    border-top: 1px solid var(--color3);
}
.section-3 h2, .section-3 h3, .section-3 p, .section-3 ul li, .section-1 h5, .section-5 ul li, .lp footer ul li{
    color: var(--color6);
}
.section-1 hr{
    border-top: 1px solid var(--color3);
}
.section-4 h2{
    color: var(--color5);
}
.section-4 p{
    color: var(--color1);
}
.section-4 ul li{
    color: var(--color1);
}
.section-5 h1 span{
    color: var(--color6);
}
.section-5 p{
    color: var(--color6);
}
.section-5 ul li{
    color: var(--color6);
 }
 .section-6 p{
    color: var(--color1);
}
.section-6 hr{
    border-top: 1px solid var(--color5);
}
.section-7 p{
    color: var(--color6);
}
.section-7 ul li{
    color: var(--color6);
}
.txt-appointment{
    border: solid 1px #1D3955;
    color: #1D3955;
}
.txt-appointment:hover{
    background: #1D3955;
    color: white !important;
}
.hero-reviews .container-right h2{
    color: var(--color7);
}
.hero-reviews p.revv {
    color: var(--color6);
}
.border-circle {
    border: solid 8px var(--color3);
    background: gray;
}
.meet-doc h3, .meet-doc h2, .meet-doc p{
    color: var(--color1);
}
.meet-doc a.txt-appointment{
    border: solid 1px var(--color1);
    color: var(--color1);
}
.home .services h2, .savings-plan h1{
    color: var(--color10);
}
.home .services .container-btn-service{
    background: var(--color3a);
    color: var(--color1);
}
.home .services .container-btn-service a, .home .reviews-body p, .home .reviews-body a, footer ul li, footer ul li a, footer p{
    color: var(--color1);
}
.home .services p.light{
    color: var(--color2);
}
.savings-plan a.txt-appointment{
    border: solid 1px var(--color1);
    color: var(--color1);
}
.btn-footer{
    background: #61C1D1 0% 0% no-repeat padding-box;
    color: var(--color1);
    border: solid 1px #61C1D1;
}
.btn-footer:hover{
    background: white 0% 0% no-repeat padding-box;
    color: #61C1D1 !important;
    border: solid 1px #61C1D1;
}
.btn-payment{
    background: #61C1D1 0% 0% no-repeat padding-box;
    color: var(--color1);
    border: solid 1px #61C1D1;
}
.btn-payment:hover{
    background: white 0% 0% no-repeat padding-box;
    color: #61C1D1 !important;
    border: solid 1px #61C1D1;
}
.btn-style {
    border: solid 1px var(--color1);
    color: var(--color1);
}
.btn-style:hover{
    background: #1D3955;
    color: white !important;
}
.container-pointer a{
    color: var(--color1);
}
.hover-btn:hover, .container-pointer a:hover{
    background: var(--color3d) !important;
    color: var(--color1) !important;
}
.page-intro2 h1, .page-intro2 h3{
    color: var(--color1);
}
.content-secundary.bg-transparent h1, .content-secundary.bg-transparent a, .content-secundary.bg-transparent h2, .content-secundary.bg-transparent p, .content-secundary.bg-transparent p span{
    color: var(--color1) !important;
}
.link-phone{
    color: var(--color3) !important;
}
.content-secundary .servz-links a{
    color: var(--color6);
}
.btn-services{
    background: var(--color3);
    color: white !important;
}

.btn-services:hover{
    background: var(--color3a) !important;
}