| Server IP : 162.215.171.210 / Your IP : 216.73.216.122 Web Server : Apache System : Linux 162-215-171-210.bluehost.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : swansondentalgro ( 1070) PHP Version : 8.2.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/swansondentalgro/public_html/wp-content/themes/swanson/ |
Upload File : |
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<?php wp_head(); ?>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="<?=get_template_directory_uri()?>/images/swansonfavicon.ico">
<link rel="icon" type="image/png" href="<?=get_template_directory_uri()?>/images/swansonfavicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="<?=get_template_directory_uri()?>/images/swansonfavicon-16x16.png" sizes="16x16" />
<link href="<?=get_template_directory_uri()?>/js/hamburgers.min.css" rel="stylesheet">
<script src="<?=get_template_directory_uri()?>/js/jquery.matchHeight-min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
img{max-width: 100%;height: auto}
.togglepar{display: none}
.grecaptcha-badge{z-index: 10;}
.fade-transition {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.fade-transition.visiblebg {
opacity: 1;
}
#fade1{z-index:2}
#fade2{z-index:1}
#iframe-weave-widget-container{max-height: 800px !important;}
#orderretainers {
position: relative;
top: -150px;
}
.page-id-10425 .highlight.bluehead h1{
margin-bottom: 15px
}
.page-id-10425 .cost .left{
text-align: center
}
.hamburger {
display: none !important;
}
body .mobile {
display: none;
}
.subtoggle {
display: none;
}
p{font-size: 16px;line-height: 24px;margin-bottom: 22px}
.button {
background: #009FD0 0% 0% no-repeat padding-box;
border-radius: 10px;
color: white !important;
font-weight: 800;
text-transform: uppercase;
font-size: 14px;
-webkit-font-smoothing: antialiased;
text-decoration: none;
padding: 15px 36px;
display: table;
}
#header {
padding: 0;
}
header .logo {
padding-top: 9px;
}
nav .sub-menu {
display: none;
}
#menu-main-menu{float: right}
nav .menu-item-has-children:hover .sub-menu{display: block}
nav .menu-item-has-children:hover .sub-menu {
display: block;
position: absolute;
top: 100%;
background: #009FD0D9;
color: white;
box-shadow: 0px 3px 6px #00000029;
border-radius: 0px 0px 3px 3px;
z-index: 10;
text-align: left;
padding: 10px 0;
}
.menu-item-has-children{position: relative}
nav .menu-item-has-children:hover .sub-menu a{color:white !important;white-space: nowrap;}
nav .sub-menu li {
margin: 0px;
width: 100%;
display: table;
}
nav .sub-menu li a{ padding: 5px 17px;width:100%
}
nav .menu-item-has-children:hover .sub-menu a:hover{background: #004CAC7E}
header .nav{text-align: right;display: table}
header nav a {
text-decoration: none;
color: #3C3C3C;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 22px 8px;
display: table;
}
header nav li:hover a{color:#009FD0}
nav ul {
display: table;
padding-left: 0px;
margin-bottom: 0px;
}
nav li {
display: inline-table;
vertical-align: middle;
margin: 0;
}
header .nav {
padding-top: 0px;
}
header .social{float: right;
padding-top: 18px;}
header .social img {
max-height: 16px;
max-width: 20px;
}
header .social a {
margin: 0 6px;
}
.hero {
padding: 150px 0;
height: 620px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.page-id-18 .hero{color:white}
.hero h1 {
font-size: 27px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 10px;
}
.hero h2{font-size: 19px;line-height: 22px;margin-bottom: 15px;-webkit-font-smoothing:antialiased}
.hero.bluehead h1{color:#005CB8;margin-bottom: 0px;font-size: 27px}
.hero.bluehead h2{color:#3EB5AC}
.hero h1 {
font-size: 33px;
font-weight: 800;
}
.highlight ul {
list-style: disc;
padding-left: 22px;
}
.highlight .button{margin-top: 5px}
.highlight h1,.insurance h1 {
font-size: 27px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 10px;
}
.highlight h2,.insurance h2{font-size: 19px;line-height: 22px;margin-bottom: 15px;-webkit-font-smoothing:antialiased}
.highlight.bluehead h1,.insurance h1{color:#005CB8;margin-bottom: 0px}
.highlight.bluehead h2, .insurance h2{color:#3EB5AC}
.highlight .text {
padding-top: 60px;
padding-bottom: 46px
}
.blue .hlpar {
border-radius: 3px
}
.blue .hlpar {
background: #E1EEF3;
}
.highlight{margin: 45px 0}
.highlight.blue{margin: 15px;}
.highlight.alignRight.blue .text {
padding-right: 95px;
}
.highlight.small h1 {
font-size: 21px;
}
.highlight.small p{font-size: 14px;line-height: 18px;margin-bottom: 18px}
.highlight .image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
}
.highlight .row{--bs-gutter-x: 0px;}
.page-id-20 .highlight.bluehead.align .text,.page-id-3651 .highlight.bluehead.align .text {
padding-right: 20px;
}
.page-id-20 .highlight.bluehead.align .text h1,.page-id-3651 .highlight.bluehead.align .text h1{margin-bottom: 20px}
.page-id-20 .highlight.bluehead.align .button,.page-id-3651 .highlight.bluehead.align .button {
margin-top: 25px;
}
.page-id-16 .highlight.small h1 {
font-size: 27px;
}
.contactif {
background: #E1EEF3;
color: #6A6A6A;
padding:45px 0;
}
.contactif a{color:#6A6A6A;text-decoration:none }
.contactif .text h1 {
color: #00366B;
font-weight: 800;
font-size: 32px;
line-height: 36px;
-webkit-font-smoothing: antialiased;
margin-bottom: 20px;
}
.contactif .text p {
font-size: 15px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
margin-bottom: 25px;
}
.icongrid {
padding: 45px 0 10px;
}
.icongrid h2 {
font-size: 30px;
color: white;
text-align: center;
font-weight: 600;
margin-bottom: 25px;
}
.igitem {
text-align: center;
}
.icongrid .icon img {
max-width: 107px;
}
.igitem p {
color: white;
font-size: 14px;
line-height: 20px;
}
.igitem .icon {
margin-bottom: 12px;
}
.awards {
background: #E1EEF3;
padding: 49px 0 129px;
margin: 80px 0 60px;
}
.awards h1 {
color: #005CB8;
font-size: 27px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 30px;
}
.awards img {
max-width: 171px;
}
.awards .image {
text-align: center;
padding-top: 90px;
}
.awards p {
font-size: 14px;
line-height: 18px;
margin-bottom: 18px;
}
.awards ul {
list-style: disc;
font-size: 14px;
line-height: 18px;
margin-bottom: 18px;
padding-left: 16px;
}
.teammembers {
margin-bottom: 80px;
}
.teammember {
display: inline-block;
width: 20%;
vertical-align: top;
box-sizing: border-box;
padding: 0 10px;
}
.teammember img {
border-radius: 3px;
object-fit: cover;
height: 100%;
width: 100%;
position: absolute;
}
.teammember .icon {
margin-bottom: 12px;
position: relative;
width: 100%;
padding-bottom: 118%;
}
.teammember .text h1 {
color: #005CB8;
font-size: 18px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 2px;
}
.teammember .text h2{color:#3EB5AC;
font-size: 14px;line-height: 22px;font-weight: 500;-webkit-font-smoothing:antialiased;
margin-bottom: 5px;
}
.teammembers .sectitle {
color: #747474;
font-size: 30px;
text-align: center;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 70px;
}
.insurance {
background: #E1EEF3;
padding: 45px 0 30px;
}
.insurance ul{padding-left: 0px;display: table;
width: 100%;}
.insurance li{display:inline-block;vertical-align: top;width:49%}
#faq {
padding: 50px 0 30px
}
.faqitem {
padding-top: 12px;
border-bottom: 1px solid #E0DEDE;
position: relative
}
.togglefaq {
width: 20px;
position: absolute;
right: 26px;
top: 18px;
z-index: 4;
cursor: pointer
}
.faqitem .down {
display: none
}
.faqitem .question {
color: #747474;
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 12px;
cursor: pointer
}
.faqitem .answer {
display: none;
color: #747474;
}
.faqitem.active .answer {
display: block
}
.faqitem.active .up {
display: none
}
.faqitem.active .down {
display: block
}
#faq .sectitle {
color: #747474;
font-size: 30px;
text-align: center;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 60px;
}
.contactif .button {
border: none;
border-radius: 3px;
width: 100%;
}
.contactif form input[type='text'],.contactif form input[type='email'],.contactif form textarea{box-shadow: inset 0px 3px 6px #00000029;
border: 1px solid #CCDAE0;
color:#3C3C3C;font-size: 16px;padding:8px 12px;resize: none;outline: none;width:100%;border-radius: 3px
}
.contactif form textarea{height: 135px}
.contactif form .field{margin-bottom: 15px}
.contactif form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3C3C3C;
opacity: 1; /* Firefox */
}
.contactif form :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3C3C3C;
}
.contactif form ::-ms-input-placeholder { /* Microsoft Edge */
color: #3C3C3C;
}
.ajax-loader{display: none !important}
.contactif .wpcf7-not-valid-tip {
font-size: 13px;
padding: 8px 12px 0;
}
.contactif .wpcf7-response-output {
border: none !important;
margin: 15px 0 0 !important;
font-size: 14px;
text-align: center;
}
.retainers {
background: #E1EEF3;
color: #6A6A6A;
padding: 45px 0;
}
.retainers .wpcf7-list-item{width:100%}
.printtext {
margin-bottom: 10px;
font-weight: 600;
}
.wpcf7-list-item-label{letter-spacing: -.4px;}
.retainers .sectitle {
color: #005CB8;
font-size: 30px;
text-align: center;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 30px;
}
.retainers .wide p {
margin-bottom: 5px;
}
.paymentinfo {
display: table;
width: 100%;
}
.paymentinfo .field.third {
width: 32.67%;
}
.retainers .button {
border: none;
border-radius: 10px;
width: auto;
margin: auto;
}
.retainers form{display: table;width:100%}
.retainers form input[type='text'],.retainers form input[type='email'],.retainers form input[type='tel'],.retainers form textarea{box-shadow: inset 0px 3px 6px #00000029;
border: 1px solid #CCDAE0;
color:#3C3C3C;font-size: 18px;
padding: 13px 20px;resize: none;outline: none;width:100%;border-radius: 10px
}
.retainers form textarea{height: 135px}
.retainers form .field {
margin-bottom: 25px;
display: inline-block;
vertical-align: top;
padding: 0 12px;
width: 49%;
}
.retainers .submitpar {
padding: 0 8px;
}
.retainers form .field.wide {
width: 100%;
}
.retainers form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3C3C3C;
opacity: 1; /* Firefox */
}
.retainers form :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3C3C3C;
}
.retainers form ::-ms-input-placeholder { /* Microsoft Edge */
color: #3C3C3C;
}
.ajax-loader{display: none !important}
.retainers .wpcf7-not-valid-tip {
font-size: 13px;
padding: 8px 12px 0;
}
.retainers .wpcf7-response-output {
border: none !important;
margin: 15px 0 0 !important;
font-size: 14px;
text-align: center;
}
.reviews {
color: white;
padding: 124px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;text-shadow: 0px 3px 6px #00000029;
}
#yelplogo{width:98px;margin-bottom: 17px}
.reviews .review h1{font-size: 21px;line-height: 30px;font-weight: 600;-webkit-font-smoothing:antialiased;margin-bottom: 6px}
.reviews .review p{font-size: 14px;line-height: 14px;margin-bottom: 0px;font-weight: 300;}
.reviews .bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background: none;
margin-bottom: 0px
}
.cost {
color: white;
padding: 90px 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.cost .left h2 {
font-size: 16px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 0px;
}
.cost .left h1 {
font-size: 77px;
font-weight: 800;
-webkit-font-smoothing: antialiased;
}
.cost .right {
text-align: left;
}
.cost .right h1 {
font-size: 27px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 0px;
}
.cost .right h2 {
font-size: 19px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
.cost .right p {
font-size: 16px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
margin-bottom: 14px;
}
.officetour{padding: 66px 0 0}
.officetour .text{text-align: center;margin-bottom: 30px}
.officetour .text h1 {
font-size: 36px;
font-weight: 800;
color: #005CB8;
-webkit-font-smoothing: antialiased;
line-height: 36px;
}
#footer {
background: #E1EEF3;
padding: 23px 0;
color: #00366B;
text-transform: uppercase;
font-size: 12px;
line-height: 25px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
}
#footer.mobile{display: none}
#footer a{text-decoration: none !important;color:#00366B}
#footer .links a {
margin-right: 6px;
}
#footer p{font-size: 11px;line-height: 25px;margin-bottom: 0px}
footer .center img {
max-height: 16px;
max-width: 20px;
}
footer .center a {
margin: 0 6px;
}
footer .center {
padding-top: 12px;
}
#map_canvas,#map_canvas2 {
height: 436px;
}
.page-template-contact #contact{position: relative}
.page-template-contact #contact .text {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 100%;
}
.page-template-contact #contact .text h1{color:white;font-weight: 700;-webkit-font-smoothing:antialiased;font-size: 50px;text-transform: uppercase}
.page-template-privacy .widetext ul {
list-style: disc;
padding-left: 25px;
}
.page-template-privacy .widetext a{color:#3C3C3C}
.page-template-privacy .widetext h1 {
font-weight: 700;
}
.page-template-privacy .widetext h2 {
font-weight: 700;
}
.page-id-15 .highlight.alignRight .text {
padding-top: 100px;
padding-bottom: 100px;
}
#callpop {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0 8px 20px 0 rgba(0,0,0,.24);
border-radius: 3px;
position: fixed;
bottom: 30px;
right: 30px;
padding: 20px 32px 30px;
display:none
}
#callpop ul {
list-style: disc;
padding-left: 26px;margin-bottom: 25px;
}
#callpop h2 {
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 20px;
font-size: 19px;
}
#callpop .button {
padding: 15px 45px;
margin: 10px auto;
width: 100%;
text-align: center
}
#callpop .button.smsbtn{color:#009FD0 !important;border:2px solid #009FD0;background: none}
#callpop .button b{font-weight: 800;position: relative}
/*
#callpop .button b:before{content:"";width:15px;height: 15px;background-image:url(images/calliconwhite.svg);background-size: cover;background-repeat: no-repeat;position: absolute;top:1px;right:100%;margin-right:3px}*/
.closecall {
position: absolute;
top: 0px;
right: 0px;
-webkit-transform: translateY(-50%) translateX(50%);
-ms-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%);
cursor: pointer
}
#textpop {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0 8px 20px 0 rgba(0,0,0,.24);
border-radius: 3px;
position: fixed;
bottom: 30px;
right: 30px;
padding: 20px 32px 30px;
display:none;
max-width: 360px;
}
#textpop ul {
list-style: disc;
padding-left: 26px;margin-bottom: 25px;
}
#textpop h2 {
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 20px;
font-size: 19px;
}
#textpop .button {
margin-left: auto;
margin-right: auto;
padding: 15px 45px;
}
#textpop .button b{font-weight: 800;position: relative}
.closetext {
position: absolute;
top: 0px;
right: 0px;
-webkit-transform: translateY(-50%) translateX(50%);
-ms-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%);
cursor: pointer
}
#textpop .button {
border: none;
border-radius: 3px;
width: 100%;
}
#textpop form input[type='text'],#textpop form input[type='email'],#textpop form input[type='tel'],#textpop form textarea{box-shadow: inset 0px 3px 6px #00000029;
border: 1px solid #CCDAE0;
color:#3C3C3C;font-size: 16px;padding:8px 12px;resize: none;outline: none;width:100%;border-radius: 3px
}
#textpop form textarea{height: 135px}
#textpop form .field{margin-bottom: 15px}
#textpop form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3C3C3C;
opacity: 1; /* Firefox */
}
#textpop form :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3C3C3C;
}
#textpopform ::-ms-input-placeholder { /* Microsoft Edge */
color: #3C3C3C;
}
.ajax-loader{display: none !important}
#textpop .wpcf7-not-valid-tip {
font-size: 13px;
padding: 8px 12px 0;
}
#textpop .wpcf7-response-output {
border: none !important;
margin: 15px 0 0 !important;
font-size: 14px;
text-align: center;
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:1128px !important}
}
@media (min-width: 992px) and (max-width: 1250px)
{
.topcta {
padding-top: 15px !important;
}
.teammember .text h1{font-size: 15px;}
.teammember .text h2{font-size: 13px;}
.hero h1 {
font-size: 38px !important;
}
header .nav li {
margin-right: 38px !important;
}
.highlight.small h1 {
font-size: 20px;
}
.igitem p {
font-size: 12px;
line-height: 16px;
}
.highlight h1, .insurance h1{font-size: 23px;}
.highlight h2, .insurance h2{font-size: 17px}
#footer p{font-size: 10px}
#footer{font-size: 10px}
.reviews .review h1{font-size: 20px}
.cost .right h1{font-size: 23px}
.cost .right h2{font-size: 17px}
.cost .right p{font-size: 15px}
.contactif .text h1{font-size: 27px;
line-height: 30px;}
}
@media (min-width: 768px) and (max-width: 992px)
{
.button{padding: 12px 30px;border-radius: 6px;font-size: 13px}
.hero h1 {
font-size: 28px;
}
.highlight.small h1 {
font-size: 19px;
}
.igitem p {
font-size: 12px;
line-height: 16px;
}
.highlight h1, .insurance h1{font-size: 23px;}
.highlight h2, .insurance h2{font-size: 17px}
#footer p{font-size: 9px}
#footer{font-size: 9px}
.reviews .review h1{font-size: 20px}
.cost .right h1{font-size: 23px}
.cost .right h2{font-size: 17px}
.cost .right p{font-size: 15px}
.contactif .text h1{font-size: 27px;
line-height: 30px;}
.awards{padding: 49px 0 50px;margin-top: 40px}
.hero{padding: 90px 0;
height: 500px;}
.highlight.alignRight.blue .text {
padding-right: 15px;
}
.highlight .text {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.teammember{width:33.33%;margin-bottom: 15px}
.teammembers{margin-bottom: 10px}
.highlight .mobile {
display: block;
}
.highlight.small .mobile {
display: none;
}
.highlight .mobile .mimg{border-radius: 3px}
.highlight.blue .mobile{display:none}
.insurance .offset-lg-1{margin-top: 15px}
.page-template-about .hero{background-position: center center;}
.highlight .mimg {
padding-bottom: 66%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.cost .left h2{font-size: 14px;}
.cost .left h1{font-size: 68px}
.contactif .text{text-align: center;}
.officetour .text h1 {
font-size: 28px;
line-height: 30px;
}
.officetour p {
font-size: 15px;
line-height: 22px;
margin-bottom: 22px;
}
}
@media (max-width: 768px) {
#menu.desk{display: none}
#menu.mobile{display: block;position: fixed;
width: 100%;
left: 0px;
top: 121px;}
.contacttop .form {
padding-top: 20px;
}
body .contacttop {
padding-bottom: 50px;
}
.servicebody p {
line-height: 30px !important;
margin-bottom: 25px !important;
font-size: 16px !important;
}
body .servicebody li {
line-height: 30px;
}
.servicehero{padding: 0px 0 34px !important;
height: 250px !important;}
.servicessubnav a{width:100%;border-bottom: 1px solid #d6d5d5;}
.servicessubnav{margin-bottom: 20px !important
}
.servicesoverview .text h2{margin-bottom: 20px;}
.servicesoverview .text h3{margin-top: 20px;
margin-bottom: 15px;}
.servicegrid.otherservices {
padding: 32px 0 !important;
}
.otherservicestitle h2{font-size: 25px !important;}
#faq {
padding: 15px 0 60px !important;
}
.bluebanner .text{padding: 30px 45px !important;}
.bluebanner .imagepar{border-top-right-radius: 0 !important;
position: relative !important;
right: 0px !important;
padding-bottom: 72%;
border-bottom-left-radius: 3px;}
.askusbanner p{font-size: 16px !important;
line-height: 25px !important;}
.servicehero h1{font-size: 22px !important;}
.serviceback img{width: 18px;}
.servicebody{margin-top: 45px !important;}
.servicessubnav .col-12{padding: 0px}
.menu-item-has-children .subtoggle {
display: inline-block;
cursor: pointer;
margin-left: 10px;
font-size: 30px;
line-height: 23px;
vertical-align: middle;
position: relative;
top: -3px;
}
nav .menu-item-has-children:hover .sub-menu a{background:none !important}
nav .sub-menu li a{font-size: 15px}
.sub-menu.show {
display: block !important;
position: relative !important;
background: none !important;
margin-left: auto !important;
padding: 0 !important;
margin-right: auto;
border: none !important;
width: auto !important;
box-shadow: none !important;
}
.menu-item-has-children .sub-menu .subtoggle {
display: none !important;
}
.togglepar{display: inline-flex}
/*
#callpop{display: none !important}
*/
a.desk{display:none}
a.mobile{display:inline-block}
#container{padding-top: 126px}
#header {
background: white;
position: fixed;
z-index: 11;
width:100%;top: 36px;
}
header .hamburger {
display: inline !important;
width: auto;
float: right;
margin-top: 0px;
padding-right: 0px;
z-index: 11;
position: relative;
vertical-align: middle;
padding: 0px;
}
.bluecallNew {
vertical-align: middle;
display: inline-block;
margin-right: 15px;
font-size: 0px;
}
.col-6.togglepar {
display: inline-flex;
text-align: right;
flex-wrap: wrap;
vertical-align: middle;
justify-content: flex-end;
padding-top: 7px;
}
.hamburger-box{width:30px}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{height: 2px !important;width:30px !important;border-radius: none !important;background: #3C3C3C}
.opennav header .nav .hamburger-inner,.opennav header .nav .hamburger-inner:after,.opennav header .nav .hamburger-inner:before{background: white !important}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
background-color: white !important;
}
header nav a {
color: white !important;
font-size: 24px !important;
padding: 7px 8px;
width: 100%;
}
header nav li:hover a{background:#004CAC7E}
.opennav header .social {
display: inline-block;
position: fixed;
bottom: 40px;
left: 0px;
width: 100%;
text-align: center;
}
.sub-menu{display:none !important}
.opennav header .nav {
display: block;
position: fixed;
background: #009FD0D9;
left: 0px;
top: 0px;
height: 100vh;
width: 100vw;
z-index: 10;
}
#menu-menu-1 {
padding-left: 0px;
display: table;
margin-bottom: 0px;
}
.menu-item {
font-size: 25px;
display: table;
margin: 5px auto;
font-weight: 700;
text-align: center;
width:100%
}
.menu-mobile-nav-container {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%) ;
-ms-transform: translateY(-50%);
transform: translateY(-50%) ;
width:100%;
}
.menu-mobile-nav-container .menu {
float: none;
text-align: center;
width: 100%;
}
.opennav nav .social {
display: inline-block;
position: fixed;
bottom: 40px;
left: 0px;
width: 100%;
text-align: center;
}
.opennav nav .social img {
max-height: 20px;
max-width: 25px;
margin: 0 6px;
}
header .row{display:table;width:100%;margin: auto;}
header .nav{display:none}
header .logo {
padding-top: 15px;
padding-bottom: 15px;
display: inline-block;
}
p{font-size: 16px;line-height: 30px;margin-bottom: 16px}
.heropar {
padding-top: 15px;
}
body .hero p {
letter-spacing: 0px;
line-height: 20px;
font-size: 14px;
}
.hero .mobile{display:block}
.hero .mimg {
padding-bottom: 60%;
background-size: cover;
background-repeat: no-repeat;
background-position: center right;
}
.hero .container{position: relative;left:0px;top:0px;-webkit-transform: none;
-ms-transform: none;
transform: none;}
.button{padding: 12px 26px;
border-radius: 5px;
font-size: 12px;}
.hero h1 {
font-size: 19px !important;
line-height: 19px;
margin-bottom: 9px;
}
.topcta{display:none !important}
.highlight.small h1 {
font-size: 18px;
line-height: 25px;
}
.igitem p {
font-size: 15px;
line-height: 20px;
color: #747474;
}
body .reviews .review p {
font-size: 17px !important;
line-height: 23px !important;
}
.hero .text{padding-right: 18%;}
#topblackbar{position: fixed;
width: 100%;z-index: 1000;}
.igitem p strong {
font-size: 18px;
color:white !important;
line-height: 30px;
}
.highlight h1, .insurance h1 {
font-size: 19px;
line-height: 25px;
}
.highlight h2, .insurance h2{font-size: 14px;line-height: 16px}
.highlight .mobile .mimg {
margin-bottom: 15px
}
#footer p{font-size: 10px;line-height: 16px}
#footer{font-size: 10px}
body .reviews {
text-align: center;
padding: 76px 0 !important;
}
body .review{padding-bottom: 0px}
#yelplogo{display: none}
.reviews .review h1 {
font-size: 14px;
line-height: 20px;
}
.cost .right h1{font-size: 18px;
line-height: 22px;}
.cost .right h2{font-size: 13px;
line-height: 15px;
font-style: italic;}
.cost .right p{font-size: 12px;
line-height: 16px;}
.contactif .text h1 {
font-size: 20px;
line-height: 24px;
}
.awards{padding: 15px 0 50px;
margin-top: 15px;}
.hero{padding: 0;
height: auto;padding: 0px 0 39px !important;
height: 250px !important;}
.highlight.alignRight.blue .text {
padding-right: 15px;
}
.highlight .text {
padding-top: 5px;
padding-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
}
.highlight{margin: 0}
.teammember{width:50%;margin-bottom: 15px}
.teammembers{margin-bottom: 10px}
.highlight .mobile {
display: block;
}
.ourteam {
padding: 30px 0 20px !important;
}
.drswanson .image {
margin-bottom: 31px !important;
}
.drswanson .text {
padding-left: 12px !important;
}
.drswanson li{font-size: 16px;
line-height: 30px !important;}
body .postbody {
padding-top: 30px;
}
body .toppostbg .text{padding-right: 40px;
padding-top: 35px;
padding-bottom: 40px;
padding-left: 40px;}
body .toppostbg .text h1{font-size: 26px;}
body .addpost h1{font-size: 17px;}
body .posthero{height: 250px}
body .posthero h1{font-size: 23px}
body .patientcentertop .text {
padding-left: 12px;
padding-top: 30px;
}
body .patientcentertop{padding-bottom: 45px}
body .insurance h2{font-size: 35px;}
body .insurance .text {
padding-left: 12px;
padding-top: 36px;
}
.highlight .mobile .mimg{border-radius: 3px}
.insurance .offset-lg-1{margin-top: 15px}
.page-template-about .hero{background-position: center center;margin-bottom: 0px}
.page-id-15 .highlight .mimg{padding-bottom: 73%}
.highlight .mimg {
padding-bottom: 66%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.cost .left h2{font-size: 11px;}
.cost .left h1{font-size: 51px}
.contactif .text{text-align: left;}
.officetour .text h1 {
font-size: 22px;
line-height: 24px;
}
.officetour p {
font-size: 12px;
line-height: 16px;
margin-bottom: 16px;
}
.cost .left {
text-align: left;
}
.cost .right {
text-align: left;
}
.icongrid h2{font-size: 20px;line-height: 24px;}
.igitem .icon {
display: inline-block;
vertical-align: middle;
width: 25%;
padding-right: 20px;
}
.igitem .icon img {
max-width: 62%;
max-height: 57px;
}
.igitem .text {
width: 75%;
display: inline-block;
vertical-align: middle;
text-align: left;
}
.blue .hlpar{background: none !important}
.highlight.small p {
font-size: 12px;
line-height: 16px;
margin-bottom: 16px;
}
.highlight.blue{margin: 0px}
#map_canvas,#map_canvas2 {
height: 226px;
}
.page-template-contact #contact .text h1{font-size: 26px;}
.contactif .text p{font-size: 14px;
line-height: 16px;margin-bottom: 20px;}
.officetour{margin-bottom: 30px}
.contactif{padding-bottom: 35px}
.page-template-privacy .widetext h1 {
font-size: 19px;
}
.page-template-privacy .widetext h2 {
font-weight: 700;
font-size: 15px;
}
.page-template-privacy .widetext h3 {
font-weight: 700;
font-size: 12px;
}
.page-template-privacy .widetext li{font-size: 12px;line-height: 16px}
.page-template-privacy .widetext li p{margin-bottom: 0px}
.hero.bluehead h1 {
font-size: 19px;
font-weight: 600;
line-height: 20px;
}
.hero h2 {
font-size: 14px;
line-height: 16px;
}
.hero.bluehead {
margin-bottom: 30px;
}
.page-id-16 .highlight.small h1 {
font-size: 19px;
}
.cost{padding: 66px 0 75px;}
#faq .sectitle{font-size: 24px;margin-bottom: 25px}
.retainers .sectitle{font-size: 24px;margin-bottom: 25px}
.retainers form input[type='text'], .retainers form input[type='email'], .retainers form input[type='tel'], .retainers form textarea{font-size: 16px;
padding: 11px 18px;}
.wpcf7-list-item-label{font-size: 13px;}
.retainers .wpcf7-list-item{margin-bottom: 5px}
.faqitem .question{font-size: 17px;
line-height: 23px;padding-right: 27px;}
.faqitem .answer p{font-size: 16px !important;
line-height: 30px !important;}
body .ourteam p {
line-height: 30px;
}
body .ourteam .text{margin-top: 30px}
body .drswanson p {
line-height: 30px;
}
.togglefaq{width: 16px;
right: 2px;
top: 15px;}
.page-template-invisalign .hero .mimg{background-position: center left}
.costbg.mobile {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
display: block;
z-index: 0;
}
.cost{position: relative}
.cost .container {
position: relative;
}
.page-id-18 .hero {
color: inherit;
margin-bottom: 30px;
}
.insurance ul,.highlight ul,.awards ul{font-size: 12px;line-height: 16px}
.teammember .text h1{font-size: 16px}
.teammember .text h2{font-size: 13px;
line-height: 15px;}
.teammembers .sectitle{font-size: 24px;margin-bottom: 25px}
.awards img {
max-width: 71px;
}
.awards .image{padding-top: 30px;}
.awards p {
font-size: 12px;
line-height: 16px;
margin-bottom: 16px;
}
.awards h1{font-size: 22px;
margin-bottom: 15px;}
#footer.desk{display: none}
#footer.mobile{display: block}
footer .left {
text-align: center;
margin-bottom: 15px;
}
footer .right {
text-align: center;
}
footer .copyright {
margin-top: 15px;
}
}
html body{font-family: "Roboto", sans-serif !important;-webkit-font-smoothing:antialiased}
.imgpar{display: table;width:100%;position: relative}
.imgpar img{display: table;width:100%;position: relative;z-index: 10}
.imgpar:before {
content: "";
background: #5AD4DE;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
right: -12px;
bottom: -12px;
border-radius: 3px;
}
.btn {
background: #5AD4DE;
color: white;
font-weight: 600;
padding: 12px 24px;
border-radius: 3px;
font-size: 15px;
letter-spacing: 0.53px;
}
.btn:hover{color: white !important
}
header .btn{text-transform: uppercase;
}
.toppostbg .btn {
width: 210px;
}
#topblackbar {
background: #2F2F2F;
color: white;
padding: 6px 0;
}
.col-6.topphone {
font-size: 15px;
font-weight: 500;
padding-top: 2px;
}
.topsocial a {
margin-left: 12px;
}
header .logo {
padding-top: 17px !important;
padding-bottom: 16px !important;
}
header .nav {
padding-top: 30px;
padding-left: 40px;text-align: left !important
}
header .nav li {
margin-right: 40px;
display: inline-block;
}
#menu-main-menu {
float: none;
}
header nav a{font-size: 15px;letter-spacing: 0.75px;padding: 0px}
.topcta {
padding-top: 20px;
}
.hero {
display: flex;
flex-wrap: wrap;
align-items: end;
padding: 0px 0 88px;
height: 488px;
}
.hero .overlay {
background: rgba(0,0,0,.36);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
}
.hero .container{position: relative;z-index: 10;color: white;left: 0px !important;
top: 0px !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;}
.hero h1 {
font-size: 45px;
font-weight: 800;
letter-spacing: -.2px;
margin-bottom: 5px;
}
.hero p{letter-spacing: -0.92px;line-height: 20px}
.icongrid{background: #5AD4DE;color:white;padding: 45px 0 28px;}
.icongrid h2{color:white}
.igitem p{color:white}
.homeappointments{margin-top: 50px;margin-bottom: 30px}
.homeappointments img {
border-radius: 3px;
}
.homeappointments .imagepar {
height: 100%;
background-size: cover;
background-position: center center;
border-radius: 3px;
}
.homeappointments .imagepar img{display:none}
.homeappointments h2 {
font-size: 30px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 13px;
text-align: center
}
.homeappointments .form {
padding-left: 85px;
}
.wpcf7 form{width:100%;display: table}
.wpcf7 .field {
display:inline-block;vertical-align: top;width:50%;
margin-bottom: 12px
}
.wpcf7 .field.left{padding-right: 5px}
.wpcf7 .field.right{padding-left: 5px}
.wpcf7 .field.wide{width:100%;margin-top: 6px;margin-bottom: 15px}
.wpcf7 .field input[type="text"],.wpcf7 .field input[type="tel"],.wpcf7 .field input[type="email"],.wpcf7 .field textarea{
-webkit-appearance: none;width: 100%;box-shadow: inset 0px 3px 6px #00000029;
border: 1px solid #CCDAE0;
border-radius: 3px;
color: #3C3C3C;
padding:10px 12px;outline: none
}
.wpcf7 .field textarea{height: 135px;resize: none;line-height: 24px;}
.wpcf7-not-valid{border-color:#dc3232 !important}
.wpcf7-not-valid-tip{display: none !important}
.field ::placeholder {
color: #3C3C3C;
}
.field :-ms-input-placeholder {
color: #3C3C3C;
}
.field ::-ms-input-placeholder {
color: #3C3C3C;
}
.wpcf7 p{margin-bottom: 0px;line-height: 0px}
.wpcf7-submit {
border-radius: 3px !important;
width:100%
}
.wpcf7-spinner{display: none !important}
.wpcf7 form .wpcf7-response-output {
margin: 15px 0px 0px;
padding: 0px;
border: 0px;
text-align: center
}
.wpcf7{font-size: 0px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color:#dc3232;font-size: 16px}
.wpcf7 form.sent .wpcf7-response-output{font-size: 16px}
.reviews{position: relative;padding: 156px 0 60px !important;}
.reviews .overlay {
background: rgba(0,0,0,.36);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
}
.reviews .container{position: relative;z-index: 10;}
.review{padding-bottom: 60px;text-shadow: 0px 3px 6px #00000029;}
.reviews .review p {
font-size: 22px !important;
line-height: 27px !important;
font-weight: 500 !important;
}
.reviews .review .source{font-size: 14px;margin-top: 10px}
.bx-wrapper .bx-pager.bx-default-pager a{background: transparent !important;border:2px solid white;width:15px !important;height:15px !important;border-radius: 15px !important;margin: 0 6px !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: white !important;
}
.contacttop {
padding-top: 58px;
padding-bottom: 107px
}
.patientcentertop {
padding-top: 58px;
padding-bottom: 67px;
background: #F9F9F9
}
.patientcentertop h2{font-size: 33px;font-weight: 800;-webkit-font-smoothing:antialiased;margin-bottom: 15px;}
.patientcentertop .text{text-align: center;padding-left: 85px}
.pfdl {
font-size: 15px;text-transform: uppercase;font-weight: 600;color:#3C3C3C
}
.contacttop .text {
text-align: center;color:#6A6A6A
}
.contacttop .text p{font-size: 15px;line-height: 22px;margin-bottom: 22px}
.contacttop .text h1{color:#5AD4DE;font-size: 33px;font-weight: 800}
.insurance .image img{border-radius: 3px}
.insurance {
background: white !important;
padding: 74px 0 20px !important;
}
.insurance p{line-height: 30px}
.insurance .text {
padding-left: 50px;
}
.insurance h2{font-size: 40px;font-weight: 800;-webkit-font-smoothing:antialiased;margin-bottom: 20px;color:#1A1B1D}
.ourteam .image img{border-radius: 3px}
.ourteam {
padding: 45px 0 57px !important;
}
.ourteam p{line-height: 20px}
.ourteam h2{font-size: 27px;font-weight: 800;-webkit-font-smoothing:antialiased;margin-bottom: 10px;color:#1A1B1D}
.ourteam .text {
display: flex;
flex-wrap: wrap;
align-self: center;
margin-top: 16px;
}
.drswanson .image {
padding-right: 20px;
}
.drswanson .image img{border-radius: 3px}
.drswanson {
padding: 25px 0 47px !important;
}
.drswanson p{line-height: 20px}
.drswanson h2{font-size: 27px;font-weight: 800;-webkit-font-smoothing:antialiased;margin-bottom: 10px;color:#1A1B1D;margin-bottom: 22px;}
.drswanson li {
line-height: 20px;
position: relative;
}
.drswanson ul {
margin-bottom: 30px;
}
.drswanson li:before{content:"•";position: absolute;left: -10px;}
.drswanson .text {
padding-left: 41px;
}
.askusbanner{
padding: 90px 0 72px;
text-align: center;
color: white;
background-size: cover;background-position: center center }
.askusbanner p{font-size: 26px;line-height: 29px;letter-spacing: -0.31px;font-weight: 800;-webkit-font-smoothing:antialiased;margin-bottom: 18px;}
.servicessubnav {
box-shadow: 0px 3px 6px #00000029;
background: white;
margin-bottom: 48px
}
.servicessubnav a {
color: #3C3C3C;
text-decoration: none;
-webkit-font-smoothing: antialiased;
display: inline-block;
padding: 10px 11px;
}
.servicessubnav a.curcat{background: transparent linear-gradient(180deg, #24B5C0 0%, #5AD4DE 100%) 0% 0% no-repeat padding-box;color:white;font-weight: 600}
.servicesoverview{margin-bottom: 60px}
.servicesoverview .text{display: flex;flex-wrap: wrap;align-self: center;margin-top: 12px}
.servicesoverview .text h2 {
font-size: 27px;
font-weight: 800;
}
.servicesoverview .text h3 {
font-size: 20px;
font-weight: 800;
}
.servicesoverview p{line-height: 20px;margin-bottom: 12px}
.servicegrid{margin-bottom: 28px}
.servbox{text-align: center;padding-bottom: 20px;}
.servbox .thumb{width: 100%;
padding-bottom: 62%;background-size: cover;background-position: center center;background-repeat: no-repeat;margin-bottom: 14px;
border-radius: 3px
}
.servbox h2 {
color: #1A1B1D;
text-decoration: none;
font-size: 20px;
font-weight: 800;
margin-bottom: 0px
}
.servbox a{color: #1A1B1D;
text-decoration: none;}
.servicehero {
display: flex;
flex-wrap: wrap;
align-items: end;
padding: 0px 0 88px;
height: 488px;
position: relative;background-position: center center;background-size: cover
}
.servicehero .overlay {
background: rgba(0,0,0,.36);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
}
.servicehero .container{position: relative;z-index: 10;color: white;left: 0px !important;
top: 0px !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;}
.servicehero h1 {
font-size: 45px;
font-weight: 800;
letter-spacing: -.2px;
margin-bottom: 5px;
}
.servicehero p{letter-spacing: -0.92px;line-height: 20px}
.serviceback {
display: table;
margin-bottom: 7px;
}
.serviceback img {
display: inline-block;
vertical-align: middle
}
.serviceback span {
display: inline-block;
vertical-align: middle;margin-left: 9px
}
.serviceback a{color:white}
.servicebody{margin-top: 75px;margin-bottom: 60px}
.servicebody p{line-height: 20px}
.servicebody strong{font-weight: 800}
.servicebody li{
line-height: 20px;
position: relative;
}
.servicebody li:before {
content: "•";
position: absolute;
left: -10px;
}
.servicebody .images img {
margin-bottom: 20px;
border-radius: 3px;
}
.servicegrid.otherservices {
background: #F9F9F9;
padding: 55px 0;
}
.otherservicestitle h2 {
text-align: center;
font-weight: 700;
font-size: 30px;
margin-bottom: 21px;
}
.toppostbg {
background: #E9F7FA;
border-radius: 3px;
margin-bottom: 60px
}
.toppostbg .text {
display: flex;
flex-wrap: wrap;
align-self: center;
padding-right: 34px;
padding-top: 48px;
padding-bottom: 48px;
padding-left: 85px;
}
.toppostbg .text p{font-size: 14px;line-height: 24px;margin-bottom: 26px}
.toppostbg .text h1 {
color: #1A1B1D;
font-size: 34px;
font-weight: 800;
margin-bottom: 5px;
}
.toppostbg .date {
font-size: 15px;
letter-spacing: -0.38px;
margin-bottom: 5px;
display: table;
}
.featpostthumb {
width: 100%;
padding-bottom: 63%;
background-size: cover;
background-position: center center;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
height: 100%
}
.addpost{margin-bottom: 40px}
.addpost .postthumb {
width: 100%;
padding-bottom: 62%;
background-size: cover;
background-position: center center;
border-radius: 3px;
margin-bottom: 14px;
}
.addpost a{color:inherit;text-decoration: none}
.addpost h1 {
font-size: 20px;
line-height: 22px;
font-weight: 800;
color: #1A1B1D;
}
.addpost p {
color: #1A1B1D;
font-size: 14px;
line-height: 24px;
margin-bottom: 0px
}
.addpost p strong{text-decoration: underline;font-weight: 800}
.addpost .date {
color: #5AD4DE;
font-size: 15px;
letter-spacing: -0.38px;
font-weight: 500;
}
.nav-previous {
margin-bottom: 45px;
float: left
}
.nav-next {
margin-bottom: 45px;
float: right
}
.nav-previous a,.nav-next a{color: #1A1B1D;text-decoration: none}
#faq {
padding: 50px 0 60px !important;
}
#faq .sectitle{margin-bottom: 30px !important;}
.faqitem{border-bottom: 0px !important;border-top: 1px solid #E0DEDE;}
.faqitem.first {
border-top: 0px;
}
.bluebanner{margin-bottom: 30px}
.bluebanner .text{display: flex;flex-wrap: wrap;align-self: center;margin-top: 16px;padding:50px 80px;}
.bluebanner .image{position: relative}
.bluebanner .imagepar{background-size: cover;background-position: center center;border-top-right-radius: 3px;border-bottom-right-radius: 3px;position: absolute;
height: 100%;
width: 100%;
right: 12px;}
.bluebanner .image img{border-top-right-radius: 3px;border-bottom-right-radius: 3px;display: none}
.bbconstrain {
background: #F0FBFC;
border-radius: 3px;
}
.bbconstrain .row{min-height: 350px;}
.bluebanner h2 {
font-size: 23px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
margin-bottom: 15px;
}
.posthero {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
height: 488px;
position: relative;
background-position: center center;
background-size: cover;
text-align: center;
}
.posthero .date{font-size: 15px}
.posthero .overlay {
background: rgba(0,0,0,.36);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
}
.posthero .container{position: relative;z-index: 10;color: white;left: 0px !important;
top: 0px !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;}
.posthero h1 {
font-size: 45px;
font-weight: 800;
letter-spacing: -.2px;
margin-bottom: 5px;
}
.posthero p{letter-spacing: -0.92px;line-height: 20px}
.postbody {
padding-top: 66px;
padding-bottom: 30px;
}
.postbody p{letter-spacing: -0.16px;font-size: 16px;line-height: 30px}
.postbody h2{color:#5AD4DE;font-size: 25px;font-weight: 800;text-align: center;margin-bottom: 36px;margin-top: 36px}
.postbody strong{font-weight: 800}
.postbody ul {
display: table;
padding-left: 0px;
width: 74%;
margin: 30px auto;
}
.postbody li{
line-height: 25px;font-size: 15px;letter-spacing: -0.15px;
position: relative;margin-bottom: 10px
}
.postbody li:before {
content: "•";
position: absolute;
left: -12px;
font-weight: 800;
font-size: 20px;
}
.relatedposts {
background: #E9F7FA;
padding-top: 50px;
}
.relatedposts .addpost .date{margin-bottom: 4px;
display: table;}
.servicegridtop {
text-align: center;
margin-bottom: 20px;
}
.servicegridtop h2{font-weight: 600}
#footer{background: #2F2F2F !important;color:white !important;text-transform: none !important}
#footer p{font-size: 12px !important}
#footer a{color: white !important}
#footer_nav li{margin-right:25px;display: inline-block}
@media (min-width: 1400px) {
body .container {
max-width: 1152px !important
}
}
@media (min-width: 992px) and (max-width: 1250px)
{
.bluebanner h2{font-size: 20px;}
.homeappointments .form {
padding-left: 68px !important;
}
.toppostbg .text{padding-left: 55px;}
.patientcentertop .text {
padding-left: 32px !important;
}
}
@media (min-width: 768px) and (max-width: 992px)
{
header .nav li {
margin-right: 18px !important;
}
header .nav{padding-left: 19px !important}
header nav a{font-size: 14px !important}
.btn{font-size: 14px !important; padding: 12px 16px !important}
.topcta {
padding-top: 18px !important;
}
.wpcf7 .field input[type="text"], .wpcf7 .field input[type="tel"], .wpcf7 .field input[type="email"], .wpcf7 .field textarea{font-size: 14px !important;}
.wpcf7 .field textarea{line-height: 20px !important}
.home .hero h1 {
font-size: 28px !important;
}
body .reviews .review p {
font-size: 17px !important;
line-height: 24px !important;
}
#footer_nav li {
margin-right: 6px !important;
}
#footer .links a {
margin-right: -1px !important;
font-size: 12px !important;
}
.copyright {
font-size: 12px !important;
}
.homeappointments .form {
padding-left: 19px !important;
}
.askusbanner p{font-size: 20px !important;
line-height: 26px !important;}
p {
font-size: 14px !important;
line-height: 21px !important;
}
.toppostbg .text{padding-left: 34px !important}
.patientcentertop .text {
padding-left: 0px !important;
}
.posthero h1 {
font-size: 40px;
}
}
@media (max-width: 768px) {
#footer_nav li{font-size: 10px;
width: auto;
margin: 0 5px;}
#footer_nav{margin-left:auto;margin-right:auto}
.homeappointments .form {
padding-left: 12px !important;
}
}
#home-features {
background-color: #fff; /* Change this as per your background color */
padding: 20px 0;
}
#home-features .container {
max-width: 1200px; /* Adjust based on your design requirements */
margin: auto;
}
#home-features .feature {
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
#home-features .feature-image {
position: relative;
background-size: cover;
background-position: center;
height: 250px; /* Adjust height as needed */
border-radius: 10px; /* Optional rounded corners */
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust shadow intensity and spread as needed */
}
#home-features img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; /* Ensures no extra space below the image */
}
#home-features .feature-description {
flex-grow: 1; /* Makes the description take up all available space */
margin-top: 15px;
font-size: 14px; /* Adjust font size as needed */
color: #333; /* Adjust font color as needed */
}
#home-features .btn {
background-color: #d9534f; /* Bootstrap 'btn-danger' red */
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
margin-top: 10px;
width: 100%; /* Makes the button fill the width of the column */
text-align: center;
display: block; /* Ensures the button is treated as a block element */
}
/* Add responsiveness */
@media (min-width: 992px) {
#home-features .feature {
float: left;
width: 33.3333%;
padding: 0 15px; /* Padding for gutter space */
}
#home-features img {
display: none; /* Hide images on desktop */
}
}
</style>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="wrapper" class="hfeed">
<div id="topblackbar">
<div class="container">
<div class="row">
<div class="col-6 topphone">775.825.9225
</div>
<div class="col-6 right topsocial">
<div class="social">
<a href="https://www.facebook.com/SwansonDentalGroupReno" target="_blank" ><img src="<?=get_template_directory_uri()?>/images/facebook.svg" width="16" height="16"></a><a href="https://x.com/swansondentalgp" target="_blank" ><img src="https://swansondentalgroupreno.com/wp-content/uploads/2025/08/x-white.svg" width="16" height="16"></a><a href="http://instagram.com/swansondentalgroup" target="_blank"><img src="https://swansondentalgroupreno.com/wp-content/uploads/2025/08/Insta-white.svg" width="16" height="16"></a>
</div>
</div>
</div>
</div>
</div>
<header id="header" role="banner">
<div class="container">
<div class="row">
<div class="col-6 col-md-3 col-lg-2 logo"><a href="<?=site_url()?>"><img src="<?=get_template_directory_uri()?>/images/logo@2x.png"></a></div>
<div class="col-6 togglepar">
<a href="tel:7758259225" class="bluecallNew">
<img src="<?=get_template_directory_uri()?>/images/bluecall.svg">
</a>
<button class="hamburger hamburger--squeeze" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button></div>
<div class="col-6 col-md-6 nav">
<nav id="menu" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement" class="desk">
<?php wp_nav_menu( array( 'theme_location' => 'main-menu', 'link_before' => '<span itemprop="name">', 'link_after' => '</span>' ) ); ?>
</nav><nav id="menu" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement" class="mobile">
<?php wp_nav_menu( array( 'menu' => 'mobile-menu', 'link_before' => '<span itemprop="name">', 'link_after' => '</span>') ); ?>
</nav>
</div>
<div class="col-md-3 col-lg-4 topcta right">
<a href="<?=site_url()?>/patient-center/" class="btn">Patient Center</a>
</div>
</header>
<script>
jQuery(function() {
jQuery( ".hamburger" ).on( "click", function( event ) {
console.log("toggle");
jQuery(this).toggleClass("is-active");
if( jQuery("#header").hasClass('open') ){
jQuery( "#header" ).removeClass("open");
jQuery( "html" ).removeClass("opennav");
}
else {
jQuery( "#header" ).addClass("open");
jQuery( "html" ).addClass("opennav");
}
})
jQuery( ".menu-item-has-children .subtoggle" ).click(function( event ) {
event.preventDefault();
if( jQuery(this).parent().next('.sub-menu').hasClass('show') ){
jQuery(this).removeClass("closesub");
jQuery(this).text("+");
jQuery(this).parent().next('.sub-menu').removeClass("show");
}
else {
jQuery(this).parent().next('.sub-menu').addClass('show');
jQuery(this).addClass("closesub");
jQuery(this).text("-");
}
});
})
</script>
<div id="container">