@charset "utf-8";
  .logo { display: none;  }
.closeRight i, .closeLeft i {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #193954;
padding-right: 10px;
float:right;
line-height: 50px;
opacity: 0;
}
.closeRight, .closeLeft {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: white;
visibility: hidden;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
opacity: 0;
}
.closeLeft { float:left; }
.logo {
height: auto;
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin: 7px auto;
}
#cta_bar{
display: none;
}
.admin-bar #cta_bar{
}
#responsive-form {
max-width: 900px ;
margin: 0 auto;
width: 100%;
float: none;
font-weight: 300 !important;
color: #111;
font-size: 16px;
width: 100% !important;
}
.form-row {
width: 100%;
width: 100%;
display: block;
overflow: hidden;
}
.column-half, .column-full {
float: left;
position: relative;
padding: 5px 15px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.from-left .cta_panel_right-container {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.from-right .cta_panel_right-container {
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.is-visible .cta_panel_right-container {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
border-left: 1px solid #ccc;
}
.cta_panel_right-close {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 60px;
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.cta_panel_right-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cta_panel_right-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cta_panel_right-close::before, .cta_panel_right-close::after {
position: absolute;
top: 22px;
left: 20px;
height: 3px;
width: 20px;
background-color: #424f5c;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cta_panel_right-container {
position: fixed;
width: 267px;
height: 100%;
top: 0;
background: #0a2b4e;
z-index: 1;
-webkit-transition-property: 0;
-moz-transition-property: 0;
transition-property: transform;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s;
}
.cta_panel_right-content {
width: 100%;
height: 100%;
overflow: hidden;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
padding: 5px 10px;
}
.cta_panel_right-content h1 {
font-size: 2rem;
color: #fff;
margin-bottom: 3px;
font-weight: 700;
}
.cta_panel_right-content p:first-of-type {
margin-top: 0;
}
.cta_panel_right-header {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
background: rgba(255,255,255,0.96);
z-index: 2;
box-shadow: 0 1px 1px rgba(0,0,0,0.08);
-webkit-transition: top .3s 0;
-moz-transition: top .3s 0;
transition: top .3s 0;
}
.cta_panel_right-open .closeLeft i {
font-size: 36px;
line-height: 50px;
opacity: 1;
float: left;
padding-left: 10px;
}
.cta_panel_right.is-visible {
visibility: visible;
-webkit-transition: visibility 0 0;
-moz-transition: visibility 0 0;
transition: visibility 0 0;
box-sizing: border-box;
}
.cta_panel_right.is-visible .cta_panel_right-close::after {
-webkit-animation: cd-close-2 .6s .3s;
-moz-animation: cd-close-2 .6s .3s;
animation: cd-close-2 .6s .3s;
}
.cta_panel_right.is-visible .cta_panel_right-close::before {
-webkit-animation: cd-close-1 .6s .3s;
-moz-animation: cd-close-1 .6s .3s;
animation: cd-close-1 .6s .3s;
}
.cta_panel_right.is-visible::after {
background: rgba(0,0,0,0.6);
-webkit-transition: background .3s 0;
-moz-transition: background .3s 0;
transition: background .3s 0;
}
.cta_panel_right::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
cursor: pointer;
-webkit-transition: background .3s .3s;
-moz-transition: background .3s .3s;
transition: background .3s .3s;
}
.column-half {
width: 50%;
}
.wpcf7 .submit_wrap {
height: 128px;
position: relative;
}
.wpcf7 input[type=submit] {
background-color: #e1f1f8;
color: #000;
padding: 10px 24px;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
font-weight: 800;
border: none;
}
.cta_panel_right div.wpcf7-validation-errors {
background: #949494 !important;
}
.cta_panel_right img {
background-color: white;
}
.cta_panel_right .wpcf7-form input[type="text"], .cta_panel_right .wpcf7-form input[type="email"], .cta_panel_right .wpcf7-form textarea {
border: 0;
padding: 10px;
font-size: 1.3em;
font-family: Arial, sans-serif;
color: #aaa;
border: solid 1px #ccc;
margin: 0 0 10px;
padding: 5px;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.cta_panel_right .wpcf7-submit {
background-color:#0097D9;
padding: 8px 16px; 
color:#fff;
text-transform: capitalize;
font-weight: bold;
border: 1px solid white; 
-webkit-appearance: none;
border-radius: 5px; 
}
.cta_panel_right-content p {
color: #fff;
margin-bottom: 0;
}
.cta_panel_right img {
display: block;
margin: 20px auto;
}
.cta_panel_right {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
visibility: hidden;
-webkit-transition: visibility 0s 0.6s;
-moz-transition: visibility 0s 0.6s;
transition: visibility 0s 0.6s;
z-index: 9999;
}
ul.leftNav {
width: 173px;
padding: 2px 0 36px 2px;
margin: 0;
overflow: hidden;
list-style: none;
}
ul.leftNav li {
width: 100%;
padding: 0;
margin: 0;
float: left;
font-size: 13px;
line-height: 34px;
border-bottom: 1px solid #d5d5d5;
}
ul.leftNav li a {
color: #00465b
}
ul.leftNav li a:hover {
text-decoration: none;
color: #0077D2
}
.leftContact {
width: 172px; padding: 18px 0 21px 2px;
margin: 0 0 0 1px;
background: url(//www.afdentistry.ca/wp-content/themes/alderwood/images/rpt6.gif);
}
.leftContact span {
width: 95px;
padding: 0 18px 10px 30px;
display: block;
font-size: 18px;
line-height: 16px;
color: #858585;
background: url(//www.afdentistry.ca/wp-content/themes/alderwood/images/info_right_img.png) no-repeat right 2px;
}
.leftContact a.contact {
margin: 0 auto
}
ul#right_nav, ul#left_nav {
list-style: none;
margin: 0;
padding-left: 0;
}
#right_nav {
float: right;
font-size: 36px!important;
margin-right: 10px!important;
}
#right_nav a, #left_nav li a { 	font-size: 36px!important;}
#right_nav li { vertical-align: middle; font-size: 36px; }
#left_nav {
float: left;
font-size: 36px!important;
margin-left: 10px!important;
}
.fa-bars {     line-height: 52px!important;}
#right_nav li, #left_nav li {
-moz-transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-webkit-transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
color: #3e61a0;
nowhitespace: afterproperty;
display: inline-block;
position: relative;
vertical-align: text-bottom;    line-height: 45px;    margin: 0 0px 0 1px;
}
#right_nav li .fa-caret-down, #left_nav li .fa-caret-down {
position: absolute;
bottom: 0;
left: 0;
font-size: 18px;
width: 100%;
}
#right_nav li li, li li {
margin: 0 5px 0 5px;
line-height: 24px;
display: block;
}
#right_nav li a, #left_nav li a {
text-decoration: none;
color: #193954;
}
#right_nav li img:hover, #left_nav li img:hover {
opacity: 0.5
}
@media (max-width: 960px) {
body.admin-bar #wprmenu_menu.left, body.admin-bar #wprmenu_menu.right {
top: 85px!important;
}
#wprmenu_menu.left { top: 50px!important; } 
.shiftnav-open .closeRight,.cta_panel_right-open .closeLeft {
z-index:100;
line-height:50px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
visibility:visible;
opacity:1;
}
.shiftnav-open .closeRight i {
font-size:36px;
line-height:50px;
opacity:1;
}
.shiftnav-open .closeRig
ht, .cta_panel_right-open .closeLeft {
z-index: 100;
line-height: 50px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
visibility: visible;
opacity: 1;
}
.shiftnav-open .closeRight i {
font-size: 36px;
line-height: 50px;
opacity: 1;
}
#cta_bar{
background-color: white;
color: black;
height: 50px;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
-webkit-box-shadow: 0px -1px 22px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px -1px 22px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px -1px 22px 0px rgba(50, 50, 50, 0.75);
z-index: 999;	display: block;
}
}
@media (max-width: 650px) {
html #wpadminbar {
top: 0!important;
}
.admin-bar #cta_bar{
}
body.admin-bar #wprmenu_menu.left, body.admin-bar #wprmenu_menu.right {
top: 95px!important;
}
}
@media (max-width: 360px) {
.logo {
height: auto;
display: inline-block;
position: absolute;
right: 0;
margin: 4px auto;
}