/*
Theme Name: ODA - Oakridge 
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

.test {}
.test {}

@font-face {
  font-family: 'MachoModular-Light';
  src: url('/wp-content/themes/oakridge-2021/fonts/modular-light.woff2') format('woff2'), url('../fonts/modular-light.woff') format('woff');
}

* {box-sizing: border-box;}
html {margin: 0; padding: 0; background-color: #646464; width: 100%;}
body {margin: 0; padding: 0; font-family: 'Work Sans', sans-serif; color: #fff; max-width: 2000px;}

.container {display: flex;}


/* -----------------------------------misc */

.logo {position: absolute; padding: 50px 0px 0px 75px;}
.menu-button {display: none;}
.close-button {display: none;}

.closebtn {color: #fff; text-decoration: none; font-size: 48px;}

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

header {  
  width: 325px;
  position: absolute;
  z-index: 1;
  top: 220px;
  left: 75px;  
  overflow-x: hidden;
  /*transition: 0.5s;*/ 
  background-color: #646464;  
}



nav .mainbtn a {color: #fff; text-decoration: none; font-size: 20px; line-height: 32px; padding: 0px 20px 0 20px; display: inline-block; height: auto; font-family: 'Work Sans', sans-serif; font-weight: 500; }
nav .mainbtn .active {background: url('/wp-content/themes/oakridge-2021/images/nav-green-bar-plain.png') no-repeat; width: 268px; line-height: 42px;}
nav .mainbtn .activedown {background: url('/wp-content/themes/oakridge-2021/images/nav-green-bar-down.png') no-repeat; padding-bottom: 20px; width: 268px; line-height: 42px;}

nav .mainbtn a:hover {padding-left: 25px; color: #acacac; transition: 0.3s;}

nav .submenu {background-color: #585858; padding: 10px 0px; border-radius: 15px; margin: 0px 0px 10px 0; display: inline-block; width: 268px;}
nav .submenu ul {list-style-type: none; padding: 0; margin: 0;}
nav .submenu li {margin: 0; padding: 0;}

nav .submenu a {font-size: 19px; line-height: 30px; padding: 0px 20px 0 20px; font-family: 'Work Sans', sans-serif; font-weight: 500; }
nav .submenu .subactive {color: #73c244;}

nav .active-bar {background: url('/wp-content/themes/oakridge-2021/images/nav-green-bar.png') no-repeat; width: 268px; height: 57px; padding-top: 5px;}

.arrow-down {margin-left: 24px; padding-bottom: 10px;}


/* -----------------------------------body */

h1 {font-weight: normal; font-size: 50px; line-height: 52px; font-family: MachoModular-Light; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0;}
h2 {font-weight: normal; font-size: 15px;}
h3 {font-weight: normal; font-size: 21px; color: #96c878;}
h4 {font-weight: normal; font-size: 26px;}
p, li {font-size: 21px; line-height: 32px; font-weight: normal; font-style: normal; margin: 0 0 20px 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a {font-size: 21px; line-height: 32px; font-weight: normal; font-style: normal; color: #fff; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a.special {font-weight: bold; color: #73c244;}

.button-style {background: #fff; display: inline; width: 200px; text-align: center; font-weight: bold; border-radius: 15px; color: #636363; padding-top: 4px;}


.h1 {font-size: 48px;font-family: MachoModular-Light; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0;}

.box-left-right {display: flex; width: 100%; padding-left: 25%;}

.col-left {width: 100%;}

.template-bg-office {background: url('/wp-content/themes/oakridge-2021/images/bg-office.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-covid19 {background: url('/wp-content/themes/oakridge-2021/images/covid-19/bg-covid-19.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-frontdesk {background: url('/wp-content/themes/oakridge-2021/images/backgrounds/bg-frontdesk.png') no-repeat top right; background-size: 85% auto; min-height: 75vh;}
.template-bg-tree-chair {background: url('/wp-content/themes/oakridge-2021/images/backgrounds/bg-tree-chair.png') no-repeat top right; background-size: 85% auto; min-height: auto;}

/* team landing / covid-19 */
.template-a {display: flex; margin-top: 180px;}
.template-a .col-1 {width: 40%;}
.template-a .col-1 .photo {width: 100%; float: right; margin-top: 20px;}
.template-a .col-2 {width: 60%; padding: 0px 10% 0px 5%;}

.template-full-row-a {margin: 75px 0px; padding: 0;}
.template-full-row-a .col-1 {padding: 0;}
.grey-bar {display: flex; background: #525252; border-radius: 20px; align-items: center; justify-content: center; padding: 20px 50px; margin: 0 0 0px 0;}
.grey-bar .col-a {width: 15%; border: 0px solid red; margin: 0 1% 0 5%;}
.grey-bar .col-c {width: 100%; border: 0px solid red; margin: 0 0% 0 0%;}

.grey-bar img {vertical-align: middle;}
.grey-bar h1 {font-size: 40px;}

.highlight {background: #525252; border-radius: 20px; padding: 15px 30px; display: inline-block;}
.highlight p {margin: 0;}

.covid-icon {width: 100%; text-align: center; margin: 0px 0px;}
.covid-icon img {width: 50px;}

.team {}
.team a {font-size: 42px; color: #fff; padding-right: 10px; line-height: 45px;}
.team a.back {font-size: 35px; line-height: 40px;}
.team a:hover {padding-left: 0px; color: #acacac; transition: 0.3s; padding-right: 0px;}
.team p {font-size: 18px; color: #d5d5d5;}
.team img {vertical-align: top;}

/* endodontics / team sub */
.template-b {display: flex;}
.template-b .col-1 {width: 32%; margin-top: 180px; margin-right: 3%;}
.template-b .col-2 {width: 65%; padding: 0px 0px 0px 0px; background: #6c6c6c;}
.template-b .col-2 img {width: 100%; display: block;}

.template-b .col-full {width: 100%;}
.template-b .col-full img {width: 100%; display: block;}

/* team */
.template-b .col-1a {width: 50%; margin-top: 200px;}
.template-b .col-2a {width: 50%; padding: 90px 0px 0px 0px; text-align: right;}
.template-b .col-2a .photo {display: inline-block; margin-right: 100px;}
.template-b .col-2a .photo img {max-width: 425px;}

.tooth-img-box {display: flex; background: url('/wp-content/themes/oakridge-2021/images/endodontics/bg-grey.jpg') repeat-x center center; align-items: center; justify-content: center; margin: 50px 0px; text-align: center;}
.tooth-img-box img {width: auto;}
.tooth-img-box .col-2-1 {width: 50%; margin: 0 auto; padding: 0 3% 0 10%;}
.tooth-img-box .col-2-2 {width: 50%; margin: 0 auto; padding: 0 10% 0 3%;}
.tooth-img-box .col-1-1 {width: 100%; margin: 0 auto; padding: 0 0% 0 0%;}

.template-full-row {margin: 50px 0px; padding: 0 5% 0 0;}
.template-full-row .col-1 {padding: 0 0%;}

/* contact */
.template-c {display: flex; width: 100%;}
.template-c .col-1 {width: 50%; margin-top: 180px;}
.template-c .col-2 {width: 50%;}
.template-c .col-2 img {width: 100%;}

/* home */
.template-d {display: flex; width: 100%;}
.template-d .col-1 {width: 100%; text-align: left; display: flex;}
.template-d .col-1 img {width: 100%;}

.template-d .col-1 .title {width: 25%; margin-top: 150px; padding-bottom: 50px; margin-right: 4%;}
.template-d .col-1 .photo {width: 100%;}

.title-float {position: absolute; top: 20%;}

.col-right {}
.col-right img {width: 100%;}
.col-right a {color: #fff; text-decoration: none; font-size: 30px; line-height: 34px; font-family: MachoModular-Light; }
.col-right .box-green {background-color: #63884d;}
.col-right .box-grey {background-color: #5a5a5a;}

/* thumbs / patient referral form / your visit endodontics landing */
.template-e {width: 100%;}
.template-e .col-1 {width: 100%; margin-top: 180px;}
.template-e .col-2 {display: flex; flex-wrap: wrap; width: 100%;}
.template-e a {font-size: 19px; display: block;}
.template-e a:hover {padding-left: 5px; color: #acacac; transition: 0.3s;}

.template-e a img {transition: transform .2s; }
.template-e a:hover img {transform: scale(1.01);}

.thumb-box {margin: 0 2% 30px 0%; width: 31.33333%;}
.thumb-box img {width: 100%;}

.template-e .col-3 {width: 100%; margin-top: 75px;}
.template-e .row-1 {}

/* --form -*/

.template-e label {font-size: 21px; line-height: auto; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.template-e input {width: 60%; background: none; border: 0; font-size: 21px; color: #fff; padding: 10px;}
.template-e select {background: none; color: #fff; font-size: 21px; padding: 10px; border: 0;}

.date {display: flex;}

.template-e .row-form {display: flex; margin-bottom: 15px; width: 80%; align-items: center; justify-content: flex-start;}
.template-e .row-form .box-a {margin-right: 20px;}
.template-e .row-form .box-b {background: #565656; border-radius: 20px; flex-grow: 2;}
.template-e .row-form .margin-right {}

.template-e .row-100 {margin: 50px 0px; width: 100%;}
.template-e .row-100 label {font-weight: bold; font-size: 17px; border-bottom: 3px solid white; padding-bottom: 10px;}

.template-e .row-form .box-50a {width: 50%; text-align: center;}
.template-e .row-form .box-50b {width: 50%; text-align: center;}

.custom-checkbox ul {list-style-type: none; margin: 0; padding: 0;}
.custom-checkbox li {display: inline-block; margin: 0; padding: 0.5%;}

.custom-checkbox .tooth-box-right {margin-right: 20px;}
.custom-checkbox .tooth-box-left {margin-left: 20px;}



.custom-checkbox input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}

.custom-checkbox label {
  border: 0px solid #fff;
  padding: 0px;
  display: block;
  position: relative;
  margin: 0px;
  cursor: pointer;
}

.custom-checkbox label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

.custom-checkbox label img {
  height: 100px;
  width: 100px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

.custom-checkbox :checked + label {
  border-color: #ddd;
}

.custom-checkbox :checked + label:before {
  content: "✓";
  background-color: grey;
  transform: scale(1);
}

.custom-checkbox :checked + label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}

span.circle {
  background: #e3e3e3;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #6e6e6e;
  display: inline-block;
  font-weight: bold;
  line-height: 30px;
  margin-right: 0px;
  text-align: center;
  width: 30px;
  font-size: 18px;
}

/* tooth status */

.toothstatus {align-items: flex-start !important; margin-top: 100px;}
.toothstatus .row-sub-title {margin: 50px 0px 15px 0px;}
.toothstatus .row-sub-title label {font-weight: bold; font-size: 18px;}
.template-e .row-form .box-50c {width: 50%;}

.list-checkbox-outside {}

/* The container */
.list-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}

/* Hide the browser's default checkbox */
.list-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.list-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.list-checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.list-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.list-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.attach-style input {font-size: 15px; width:100%;}

input[type=submit],input[type=reset] {width: 200px; border-radius: 25px; -moz-border-radius: 25px; border: 2px solid white; font-family: 'Work Sans', sans-serif;}
input[type=submit]:hover,input[type=reset]:hover {background-color: #63884d; border: 0px;}

.custom-checkbox .row-sub-title {text-align: center; margin-bottom: 20px;}

textarea {background: #565656; border: 0px; color: #fff; border-radius: 20px; padding: 20px; font-size: 18px; font-family: 'Work Sans', sans-serif;}
.textareawidth {width: 80%;}


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

footer {padding: 25px 50px 75px 50px; min-width: 1000px;}
footer .footer-left-right {display: flex;}

footer .col-a {width: 80%; display: flex;}
footer .col-1 {align-self: flex-end; margin-right: 50px;}
footer .col-2 {align-self: flex-end; margin-right: 50px;}
footer .col-3 {align-self: flex-end;}

footer .col-b {width: 20%; text-align: right; align-self: flex-end;}

footer .logo-footer img {width: 150px;}
footer h1 {color: #fff; text-decoration: none; font-size: 15px; line-height: 25px; padding: 0; margin: 0; font-weight: normal;}
footer a {color: #fff; text-decoration: none; font-size: 15px; line-height: 25px; padding: 0px 0px;}
footer ul {list-style-type: none; padding: 0; margin: 0;}
footer li {margin: 0; padding: 0;  line-height: 25px;}
footer p {color: #fff; text-decoration: none; font-size: 15px; line-height: 25px; padding: 0; margin: 0;}

/* -----------------------------------menu buttons */

#sub-visit,
#sub-endodontics,
#sub-team {display: none;}

.page-template-page-team #sub-team {display: block;}
.page-template-page-team #team-down a {background: url('/wp-content/themes/oakridge-2021/images/nav-green-bar-down.png') no-repeat; padding-bottom: 20px; width: 268px; line-height: 42px;}

.page-template-page-visit #sub-visit {display: block;}
.page-template-page-visit #visit-down a {background: url('/wp-content/themes/oakridge-2021/images/nav-green-bar-down.png') no-repeat; padding-bottom: 20px; width: 268px; line-height: 42px;}

.page-template-page-endodontics #sub-endodontics {display: block;}
.page-template-page-endodontics #endodontics-down a {background: url('/wp-content/themes/oakridge-2021/images/nav-green-bar-down.png') no-repeat; padding-bottom: 20px; width: 268px; line-height: 42px;}

/* ----------------------------------------------------------------------responsive 1700*/
/* ----------------------------------------------------------------------responsive 1700*/

@media screen and (max-width: 1700px) {

.box-left-right {display: flex; width: 100%; padding-left: 425px;}

h1 {font-size: 50px; line-height: 52px; margin: 0px;}

/* team landing */
.template-a {display: flex; margin-top: 150px;}

/* endodontics sub */
.template-b .col-1 {width: 32%; margin-top: 150px; margin-right: 3%;}

/* team */
.template-b .col-1a {width: 50%; margin-top: 150px;}
.template-b .col-2a {width: 50%; padding: 60px 0px 0px 0px; text-align: right;}
.template-b .col-2a .photo {display: inline-block; margin-right: 75px;}
.template-b .col-2a .photo img {max-width: 400px;}

/* contact */
.template-c .col-1 {width: 50%; margin-top: 150px;}

/* form */
.template-e .col-1 {width: 100%; margin-top: 150px;}

}


/* ----------------------------------------------------------------------responsive 1500*/
/* ----------------------------------------------------------------------responsive 1500*/

@media screen and (max-width: 1500px) {

h1 {font-size: 50px; line-height: 52px; margin: 0px;}
h2 {}
h3 {font-size: 20px; margin: 10px 0px;}
p, li {font-size: 20px; line-height: 26px;}
a {font-size: 20px; line-height: 26px;}

.h1 {font-size: 37px; line-height: 39px;}

/* -----------------------------------logo */
.logo img {width: 240px;}

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

header {  
  width: 325px;
  position: absolute;
  z-index: 1;
  top: 200px;
  left: 55px;  
  overflow-x: hidden;
  /*transition: 0.5s;*/  
}

/* -----------------------------------body */
.title-float {position: absolute; top: 15%;}

.box-left-right {display: flex; width: 100%; padding-left: 385px;}

.team a {font-size: 38px; padding-right: 2px; line-height: 44px;}

.template-b .col-2a .photo {display: inline-block; margin-right: 50px;}
.template-b .col-2a .photo img {max-width: 350px;}

.custom-checkbox li {padding: 2px;}
span.circle {line-height: 25px; width: 25px; font-size: 18px;}

.custom-checkbox .row-sub-title {text-align: center; margin-bottom: 10px; margin-top: 20px;}

.template-e label {font-size: 20px; line-height: auto;}
.template-e input {font-size: 20px;}
.template-e select {font-size: 19px;}

} /* close 1434*/


@media screen and (min-width: 1251px) and (max-width: 1350px) {

h1 {font-size: 46px; line-height: 46px;}
.h1 {font-size: 35px; line-height: 35px;}

.thumb-box {margin: 0 2% 30px 0%; width: 48%;}

}


/* ----------------------------------------------------------------------responsive 1250*/
/* ----------------------------------------------------------------------responsive 1250*/

@media screen and (max-width: 1250px) {

html {min-width: 1000px;}

h1 {font-size: 42px; line-height: 42px;}

/* 1350px -your visit / covid */
.template-a {display: flex; flex-direction: column; margin-top: 120px;}
.template-a .col-1 {width: 40%;}
.template-a .col-1 .photo {width: 100%; float: right;}
.template-a .col-2 {width: 95%; padding: 0px 0% 0px 0%; margin-top: 25px; margin-left: 0%; margin-right: 5%;}

.template-bg-office {background: url('/wp-content/themes/oakridge-2021/images/bg-office.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-covid19 {background: url('/wp-content/themes/oakridge-2021/images/covid-19/bg-covid-19.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-frontdesk {background: url('/wp-content/themes/oakridge-2021/images/backgrounds/bg-frontdesk.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-tree-chair {background: url('/wp-content/themes/oakridge-2021/images/backgrounds/bg-tree-chair.png') no-repeat top right; background-size: 85% auto; min-height: auto;}

.template-full-row-a {margin: 0px 0px; padding: 0;}

.grey-bar {display: block; background: #525252; border-radius: 20px; align-items: center; justify-content: center; padding: 20px 10px; margin: 0 0 20px 0;}
.grey-bar .col-a {width: 100%; border: 0px solid red; margin: 0 1% 0 5%;}
.grey-bar .col-b {width: 5%; border: 0px solid red; margin: 0 1% 0 5%;}
.grey-bar .col-c {width: 85%; border: 0px solid red; margin: 20px 5% 0 5%;}

.team a {font-size: 28px; padding-right: 2px; line-height: 30px;}

/* 1350px -endodontics */
.template-b {display: flex; flex-direction: column;}
.template-b .col-1 {width: 100%; margin-top: 120px;}
.template-b .col-2 {width: 100%; padding: 0px 0px 0px 0px; background: #6c6c6c;}
.template-b .col-2 img {width: 100%; display: block;}

.template-b .col-1a {width: 75%; margin-top: 120px;}
.template-b .col-2a {width: 50%; padding: 10px 0px 0px 0px; text-align: right;}

.template-full-row {margin: 0px 0px; padding: 0 2.5% 0 0;}
.template-full-row .col-1 {padding: 0 0%; margin-top: 25px;}

.tooth-img-box {display: block; margin: 0;}
.tooth-img-box .col-2-1 {width:100%;}
.tooth-img-box .col-2-2 {width:100%;}
.tooth-img-box .col-2-1 img {width:100%; padding: 5%;}
.tooth-img-box .col-2-2 img {width:100%; padding: 5%;}
.tooth-img-box .col-1-1 img {width:100%; padding: 5%;}

/* 1350px -contact */
.template-c {display: flex; width: 100%; flex-direction: column;}
.template-c .col-1 {width: 100%; margin-top: 120px;}
.template-c .col-2 {width: 100%; margin-top: 25px;}
.template-c .col-2 img {width: 100%;}

/* 1350px -home */
.template-d {display: block; width: 100%; margin-top: 0px;}
.template-d .col-1 {width: 100%; flex-direction: column;}
.template-d .col-1 img {width: 100%;}

.template-d .col-1 .title {width: 90%; margin-top: 0px; padding-bottom: 30px; margin-right: 0%;}
.template-d .col-1 .photo {width: 100%;}

/* 1350px -visit-landing */
.template-e {display: block; width: 100%;}
.template-e .col-1 {width: 100%; margin-top: 120px;}
.template-e .col-2 img {width: 100%;}

.thumb-box {margin: 0 2% 30px 0%; width: 48%;}

/* tooth status */

.toothstatus {align-items: flex-start !important; margin-top: 70px;}
.toothstatus .row-sub-title {margin: 50px 0px 15px 0px;}
.toothstatus .row-sub-title label {font-weight: bold; font-size: 18px;}
.template-e .row-form .box-50c {width: 100%;}

/*.menu-button {position: absolute; display: block;}*/
.box-green {width: 100%;}
.box-green img {width: 100%;}

/**** **/
  
.template-e .col-1 {width: 100%;}
.template-e .row-form {display: block;}

.template-e .row-form .box-50a {width:100%;}
.template-e .row-form .box-50b {width:100%;}

.custom-checkbox .tooth-box-right {margin-right: 0px;}
.custom-checkbox .tooth-box-left {margin-left: 0px;}

footer {margin-top: 20px;}

} /* close 1350*/


/* ----------------------------------------------------------------------mobile */
/* ----------------------------------------------------------------------mobile */

@media screen and (max-width: 480px) {
  
html {width: 100%; min-width: auto;}
body {max-width: 100%; width: 100%;}

.logo {position: absolute; padding: 25px;}
.logo img {width: 150px;}

.menu-button {display: block; position: fixed; top: 110px;}
.menu-button img {display: block;}
.close-button {display: block; position: absolute; top:10px; right: 10px;}

.sticky {position: fixed !important; top: 15px; left: 0; z-index: 100; box-shadow: 5px 5px 5px #111111;}

header {
  width: 0px;
  background: #646464; 
  top: 0px;
  left: 0px;
  height: 100vh;
  position: fixed;    
}

nav {padding: 100px 25px 50px 25px;}

.box-left-right {width: 100%; padding-left: 0px;}

.col-left {width: 80%; padding-top: 160px; padding-left: 25px;}
.col-right {width: 20%;}

/* -----------------------------------body */

h1 {font-size: 46px; line-height: 50px; margin: 0px;}
h2 {}
h3 {font-size: 20px; margin: 10px 0px;}
p, li {font-size: 18px; line-height: 24px;}
a {font-size: 18px; line-height: 24px;}

.h1 {font-size: 30px; line-height: 30px;}

/* mobile-your visit */
.template-a {display: flex; margin-top: 0px; flex-direction: column;}
.template-a .col-1 {width: 100%;}
.template-a .col-1 .photo {width: 80%; float: right;}
.template-a .col-2 {width: 100%; padding: 0px 0% 0px 0%; margin-top: 25px;}

.template-bg-office {background: url('/wp-content/themes/oakridge-2021/images/bg-office.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-covid19 {background: url('/wp-content/themes/oakridge-2021/images/covid-19/bg-covid-19.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-frontdesk {background: url('/wp-content/themes/oakridge-2021/images/backgrounds/bg-frontdesk.png') no-repeat top right; background-size: 85% auto; min-height: auto;}
.template-bg-tree-chair {background: url('/wp-content/themes/oakridge-2021/images/backgrounds/bg-tree-chair.png') no-repeat top right; background-size: 85% auto; min-height: auto;}

.template-full-row-a {margin: 0px 0px; padding: 0;}

.grey-bar {display: block; background: #525252; border-radius: 20px; align-items: center; justify-content: center; padding: 20px 10px; margin: 0 0 20px 0;}
.grey-bar .col-a {width: 100%; border: 0px solid red; margin: 0 1% 0 5%;}
.grey-bar .col-b {width: 5%; border: 0px solid red; margin: 0 1% 0 5%;}
.grey-bar .col-c {width: 85%; border: 0px solid red; margin: 20px 5% 0 5%;}

.team a {font-size: 28px; padding-right: 2px; line-height: 30px;}

/* mobile-endodontics */
.template-b {display: flex; flex-direction: column; margin-top: 0px;}
.template-b .col-1 {width: 100%; margin-top: 0px;}
.template-b .col-2 {width: 100%; padding: 0px 0px 0px 0px; background: #6c6c6c;}
.template-b .col-2 img {width: 100%; display: block;}
.template-full-row {margin: 0px 0px; padding: 0 0%;}
.template-full-row .col-1 {padding: 0 0%; margin-top: 25px;}

/* mobile - team subpages */

.template-b .col-1a {width: 80%; margin-top: 0px;}
.template-b .col-2a {width: 80%; padding: 0px 0px 0px 0px; text-align: right;}
.template-b .col-2a .photo {display: inline-block; margin-right: 0px;}
.template-b .col-2a .photo img {max-width: auto;}

.tooth-img-box {display: block; margin: 0;}
.tooth-img-box .col-2-1 {width:100%;}
.tooth-img-box .col-2-2 {width:100%;}
.tooth-img-box .col-2-1 img {width:100%; padding: 5%;}
.tooth-img-box .col-2-2 img {width:100%; padding: 5%;}
.tooth-img-box .col-1-1 img {width:100%; padding: 5%;}

/* mobile-contact */
.template-c {display: flex; width: 100%; flex-direction: column; margin-top: 0px;}
.template-c .col-1 {width: 100%; margin-top: 0px;}
.template-c .col-2 {width: 100%; margin-top: 25px;}
.template-c .col-2 img {width: 100%;}

.icon-question {width: 30px;}

/* mobile-home */
.template-d {display: block; width: 100%; margin-top: 0;}
.template-d .col-1 {width: 100%;}
.template-d .col-1 img {width: 100%;}

.template-d .col-1 .title {padding-bottom: 15px;}
.template-d .col-1 .title h1 {font-size: 38px; line-height: 38px;}

/* mobile-visit-landing */
.template-e {display: block; width: 100%; margin-top: 0px;}
.template-e .col-1 {width: 100%; margin-top: 0px;}
.template-e .col-2 img {width: 100%;}

.menu-button {position: absolute; display: block;}
.box-green {width: 100%;}
.box-green img {width: 100%;}

.thumb-box {margin: 0 0% 30px 0%; width: 100%;}

/* form */
.template-e .row-form {display: block; margin-bottom: 15px; width: 100%; align-items: center; justify-content: flex-start;}
.template-e .row-form .box-a {margin-bottom: 10px;}
.template-e .row-form .box-b {background: #565656; border-radius: 20px; flex-grow: 1;}

.template-e label {font-size: 19px; line-height: auto; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.template-e input {width: 100%; background: none; border: 0; font-size: 21px; color: #fff; padding: 10px;}
.template-e select {background: none; color: #fff; font-size: 21px; padding: 10px; border: 0; font-size: 16px;}

.template-e .row-form .box-50c {width: 100%;}
.textareawidth {width: 100%;}

.template-e .row-form .box-50a {width:100%;}
.template-e .row-form .box-50b {width:100%;}

.custom-checkbox li {display: inline-block; margin: 0; padding: 1px;}

.custom-checkbox .tooth-box-right {margin-right: 0px;}
.custom-checkbox .tooth-box-left {margin-left: 0px;}

span.circle {
  background: #e3e3e3;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #6e6e6e;
  display: inline-block;
  font-weight: bold;
  line-height: 25px;
  margin-right: 0px;
  text-align: center;
  width: 25px;
  font-size: 16px;
}

.custom-checkbox .row-sub-title {text-align: center; margin-bottom: 10px; margin-top: 20px;}

.toothstatus {align-items: flex-start !important; margin-top: 50px;}

.attach-style input {font-size: 15px; width:100%;}

input[type=submit],input[type=reset] {width: 200px; border-radius: 25px; -moz-border-radius: 25px; border: 2px solid white; font-family: 'Work Sans', sans-serif; margin-bottom: 10px;}
input[type=submit]:hover,input[type=reset]:hover {background-color: #63884d; border: 0px;}

/* m-footer */

footer {padding: 25px; min-width: 100%;}
footer .logo-footer img {width: 100px;}

footer section {flex-direction: column; margin-top: 0px;}

footer .col-a {width:100%; flex-direction: column;}
footer .col-1 {align-self: flex-start; margin-right: 0px;} /*footer copyright*/
footer .col-2 {align-self: flex-start; margin-right: 0px; display: none;} /*footer menu*/
footer .col-3 {align-self: flex-start; margin-top: 20px;} /*footer address*/
footer .col-b {width: 100%; text-align: left; align-self: flex-start; margin-top: 20px;} /*oda*/

} /* close mobile*/