/* Enter Your Custom CSS Here */

/*--------------------------------------- TOP LOGO HEADER DESKTOP ------------------------------------- */

.whitelink a, .whitelink a:link, .whitelink a:visited, .whitelink a:hover, .whitelink a:active, .whitelink a:focus {
 /* link styles go here, e.g.: */  
 text-decoration: none;
   color: #ffffff;
}

a {
    text-decoration: none;
    background-color: transparent;
    color: #551900;
}

.blue a {
    text-decoration: none;
    background-color: transparent;
    color: #53a6b5;
}

.meetstaff a {
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
}



li.current-menu-item a {
color:#ffffff;

}

p {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.topbarmobile{ background-color:#ffffff;
  		width:100%;
        height:150px;
 	    margin-top:0px;
   /* z-index:900;*/
  display:none;
}

.topcontainermobile{/*background-color:#aa77bb;*/
        width:288px;
		height:145px;
		left: 50%;
		margin-left: -140px;
	    /*  margin-top:100px;*/
	    position: absolute;
         /*z-index:888;*/
}

.topbartablet{ background-color:#ffffff;
  		width:100%;
        height:160px;
 	    margin-top:0px;
   /* z-index:900;*/
  display:none;
}

.toptabletlogo{ 
  width:288px;
  height:144px;
  position:absolute;
  margin-left:22px;
  
}

.verticallinetablet{background-color:#C3D7D7;
  width:4px;
  height:115px;
  float:left;
  margin-top:24px;
  float:left;
  position:absolute;
  right: 290px;
    z-index:999;
}

.tophourstablet{background-color:#ffffff;
    height:150px;
    width:264px;
   float:left;
  font-family: 'Muli';
  color:#6B6D6F;
  padding-top:19px;
  text-align:left;
  font-size:13px;
  position:absolute;
  right: 0px;
  padding-left:14px;
  line-height: 18px;
}

.tabletnumber{font-size:19px;
  color:#551900;
  text-align:left;
  font-weight:500;
  letter-spacing:1px;
  line-height:27px;
}

.tabletnumber a, .tabletnumber a:link, .tabletnumber a:visited, .tabletnumber a:hover, .tabletnumber a:active, .tabletnumber a:focus {
  /* link styles go here, e.g.: */  
  text-decoration: none;
  color: #551900;
}

.number a, .number a:link, .number a:visited, .number a:hover, .number a:active, .number a:focus {
  /* link styles go here, e.g.: */  
  text-decoration: none;
    color: #551900;
}



.topbar{ background-color:#ffffff;
  		width:100%;
        height:160px;
 	    margin-top:0px;

}

.topcontainer{/*background-color:#aa77bb;*/
        width:288px;
		height:145px;
		left: 50%;
		margin-left: -150px;
	    /*  margin-top:100px;*/
	    position: absolute;
       /* z-index:888;*/
}

.floatleft{float:left;
}

.topappointment{background-color:#ffffff;
    height:150px;
    width:260px;
  float:left;
  font-family: 'Muli';
  color:#6B6D6F;
  padding-top:28px;
  text-align:center;
  font-size:13px;
  margin-left:-5px;
  line-height: 18px;
}

.schedule{font-size:18px;
  color:#72ADB4;
  font-weight:500;
  letter-spacing:1px;
  line-height:22px;
  margin-top:5px;
}

.phone{color:#551900;
  font-size:20px;
  line-height:30px;
  letter-spacing:1px;
 
}

.verticalline{background-color:#C3D7D7;
  width:4px;
  height:115px;
  margin-top:24px;
  z-index:990;
  float:left;
}

.verticalline2{background-color:#C3D7D7;
  width:4px;
  height:115px;
  float:left;
  margin-top:24px;
  float:left;
  position:absolute;
  right: 266px;
    z-index:999;
}

.topofficehours{background-color:#ffffff;
    height:150px;
    width:264px;
   float:left;
  font-family: 'Muli';
  color:#6B6D6F;
  padding-top:19px;
  text-align:left;
  font-size:13px;
  position:absolute;
  right: 0px;
  padding-left:24px;
  line-height: 18px;
}

.office{font-size:19px;
  color:#72ADB4;
  text-align:left;
  font-weight:500;
  letter-spacing:1px;
  line-height:27px;
}

.horizontalline1{background-color:#C3D7D7;
  width:100%;
  height:4px;
   z-index:999;
}

.horizontalline2{background-color:#ffffff;
  width:100%;
  height:4px;
   z-index:999;
}

.horizontalline3{background-color:#C3D7D7;
  margin-top:4px;
  width:100%;
  height:4px;
   z-index:999;
}

.header-menu{font-size:18px;
  text-align:center;
  font-family: 'Muli';
  letter-spacing:1px;
  font-weight:100;
  line-height:-25px;
}

.site-logo{display:none;}
  }





/*-------------------------------------- header end------------------------------------ */






/*-------------------------------------- footer start------------------------------------ */

.designer{display:none;}

.site-footer {
    vertical-align: middle;
    background-color: #000000;
    font-size: 14px;
    color: #afafaf;
    text-align: center;
}

.site-footer a {
    color: #afafaf;
}

.site-info {
    margin-top: 10px;
    border-top: #eee solid 1px;
    padding: 10px 0;
}

#colophon ul { 
    padding-left: 0;
  text-align:center;
    list-style-type: none;
    list-style-position: inside;
}

#sidebar-footer {
    text-align: left;
    word-spacing: -0.29em;
}
.footer-menu {width:100%;
 
    display: inline-block;
    float: none
text-align:center;
    margin: 0 0 10px;
}
.footer-menu ul {
    float: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li {
    padding-right: 10px;
    display: inline-block;
}
.no-padding-bottom p, .no-padding-bottom img {
    padding-bottom: 0;
    margin-bottom: 0;
}

#footer-horizontal-menu {/* background-color: #aa77cc;*/
 padding-left:150px;
    text-align: center;
}

.footer-menu,
.footer-menu ul {
    float: none;
}

#footer-banner{float: none;
    /*background-color:#000000;*/
  text-align:center;
  width:100%;
 
  
}

/*------------------------------------------- footer end------------------------------------ */








/*--------------------------------------- @ media start--------------------------------------- */


 @media only screen and (max-width:909px) {
   .header-menu{font-size:16px;
                letter-spacing:1px;
                 font-family: 'Muli';}

 
  
}

@media only screen and (max-width: 855px) {
  .topbar{display:none}
  .topbartablet{display:block;}
  .header-menu{font-size:13px;}
 
  
}


@media only screen and (max-width: 720px) {
 #footer-horizontal-menu { 
 padding-left:0px;
   
 
  
}
  
  
@media only screen and (max-width: 695px) {
.header-menu{font-size:10px;}
  
}

    }



@media only screen and (max-width: 620px) {
      .topbartablet{display:none;}
     .topbarmobile{display:block;}
     .site-logo{display:block;
  }
  
  .contactpginfo{font-size:15px;
  
}
    .touchpginfo{font-size:15px;
}
  
.header-menu{font-size:45px;
  line-height:35px;}
  
  
  
  
  #mobile-navigation,
	#mobile-navigation-jquery { float: left; } 
	
	#page { 
		float: left; 
		width: 100%;
		position: relative;
    

		}	
	
	#site-banner-left {
		text-align: center;
		}
	
	#site-navigation {
		display: none;
		}
	
	#mobile-navigation,
	#mobile-navigation-jquery {
		display: block;
		top: 0;
		left: 0;
		text-align: left;
		height: 100%;
 		z-index: 9999;
		transition: width 0.2s ease;
		-webkit-transition: width 0.2s ease;		 
		overflow: hidden;
		background: #ffffff;
		}		
		
	#mobile-navigation:target {
		width: 100%;
		}	
		
	#mobile-navigation:target + #page {
	  	width: 90%;
 
	}		
		
	#mobile-navigation > div > ul,
	#mobile-navigation-jquery > div > ul {
		background: #ffffff;
		position: absolute;
		top: 0;
		left: 0;
		height:1500px;
      padding-top:166px;
		display: none;

   
		}
		
	#mobile-navigation:target > div > ul,
	#mobile-navigation-jquery.target > div > ul {
		display: block;
		width: 620px;
    z-index:9999;
     
		}	
	
  
  
  .logged-in #mobile-navigation:target > div > ul,
	.logged-in #mobile-navigation-jquery.target > div > ul { 
		top: 46px; 		
		}
  
  
		
	#mobile-navigation:target > div > ul ul,
	#mobile-navigation-jquery.target > div > ul ul {
		width: 85%;
		margin-left: 85%;
              }	
		
	#mobile-navigation:target > div > ul ul li a,
	#mobile-navigation-jquery.target > div > ul ul li a { background:ffffff; }	
	
	#mobile-navigation ul li,
	#mobile-navigation-jquery ul li {
		display: block;
		}	
	
	#mobile-navigation ul li a,
	#mobile-navigation-jquery ul li a {
		color: #72ADB4;
padding-top:30px;
    padding-bottom:30px;
      border-bottom:thin solid #cccccc;
		}
		
	#mobile-navigation ul ul li a,
	#mobile-navigation-jquery ul ul li a {
		width: auto;
		}	
	
	.menu-open,
	.dashicons.menu-open { display:block; }	
	
	#mobile-navigation:target + #page > .menu-open,
	#mobile-navigation:target + #page > .dashicons.menu-open, { display: none; }			

	.menu-close,
	.dashicons.menu-close { display: none; }
	
	#mobile-navigation:target + #page > .menu-close,
	#mobile-navigation:target + #page > .dashicons.menu-close, { display: none; }		
		
	#mobile-navigation ul li a:hover,
	#mobile-navigation-jquery ul li a:hover { color: #cccccc; }		
		
	#site-banner-left .site-branding {
		display:inline-block;
	
		}	
		
    .menu-open,
	.dashicons.menu-open,
	.menu-close,
	.dashicons.menu-close,
	.dashicons, 
	.dashicons-before::before {
		position: absolute;
		top: 0;
		left: 0;		
		line-height: 36px;
		width: 36px!important;
		height: 36px!important;
		padding: 12px;
		box-sizing: content-box;
		font-size: 36px!important;
		cursor: pointer;
		color: #551900;
		z-index: 9999;		
    }
		
	.menu-open:before {
		content: "\f333";
	}
	
	.menu-close:before {
		content: "\f158";
		}	
}


/*--------------------------------------- @ media end--------------------------------------- */