/* Style for Dr. Ito's web site.  Copyright (c) 2008, Real Kato Design. */

html {
  background-color: #49341c;
  height: 100%;
  width: 100vw;
  padding: 0;
  font-size: 1rem;
  box-sizing: border-box;
  overflow-x: hidden;
}

@media only screen and (max-width: 600px) {
  html {
    font-size: 0.5em;
  }
}
@media only screen and (min-width: 600px) {
  html {
    font-size: 0.5em;
  }
}

@media only screen and (min-width: 768px) {
  html {
    font-size: 0.7em;
  }
}
@media only screen and (min-width: 992px) {
    html {
      font-size: 1em;
    }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 1.1em;
  }
}

body {
background-color: #49341c;
width: 100vw;
height: 100%;
text-align: left;
color: #000;
font-family: 'Playfair Display', serif;
overflow-x: hidden;
margin: 0;
padding: 0;
}

#divBackground
{
  display: block;
   background-color: #49341c; /* In case we don't have a background image */
	 padding: 0px;
   float: left;
   top: 0px;
   left: 0px;
}

#divBackgroundImagePom
{
   background: url("backgroundpom.svg") top right repeat-y;
   background-color: #d3d2bd;
   position: relative;
   background-attachment: fixed;
   top: 0px;
   left: 0px;
   background-size: cover;
   float: left;
  ;
}

#divBackgroundImagePlum
{
   background: url("backgroundplum.svg") center center repeat-y;
   background-color: #d3d2bd;
   top: 0px;
   left: 0px;
   background-size: cover;
   float: left;
}

#divBackgroundImageCherry
{
   background: url("backgroundcherry.svg") top center repeat-y;
   background-color: #d3d2bd;
   top: 0px;
   left: 0px;
   background-size: cover;
   float: left;
}

#divBackgroundImageFriendship
{
   background: url("backgroundfriendship.svg") top right repeat-y;
   background-color: #d3d2bd;
   position: relative;
   background-attachment: fixed;
   top: 0px;
   left: 0px;
   background-size: cover;
   float: right;
}

#divBackgroundImageChickentree
{
   background: url("backgroundchickentree.svg") top right repeat-y;
   background-color: #d3d2bd;
   top: 0px;
   left: 0px;
   background-size: cover;
   float: left;
}
#announcement {
    background-color: #CF9694;
    color: #fcf9c6;
    font-family: 'Lato';
    text-align: center;

}
.headerMain {
  /*position: fixed;/*background-image: linear-gradient(to right, #d3d2bd , #49341c);*//*z-index: 999999;*//*width:100%;height: 700px;*/
  height: 80vh;
  /*max-height:100%;*/
  overflow:hidden;
  /*min-height: 440px;*//*background-image: url('Jennifer-Ito-ND-at-Raleigh-NaturopathicWP1600aaa.jpg');background-size: cover;background-repeat: no-repeat;position:relative;*/
}

@media only screen and (max-width: 600px) {
     .headerMain {
       height: 70vh;
     }
   }

.jumbotron-fluid {
	background-image: url('Jennifer_Ito_ND_Raleigh_Naturopathic.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.jumbotron {
	background-image: url('Jennifer_Ito_ND_Raleigh_Naturopathic.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.headerMain svg {
  width:100%;
}

.btn {
  background-color: #cf9693;
  color: #fcf9c6;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5), 0 5px 5px 0 rgba(0,0,0,0.5);
  font-family: 'Lato';
  display:flex;
 }

.btn a {
  text-align: center;
}

.btn a:hover {
  color: black;
}

li {
  font-size: 1.8em;
}

#btnARV12 {
  width: 350px;
  height: 50px;
  font-size:1.5rem;
  font-weight:600;
  white-space: nowrap;
}

 @media only screen and (max-width: 600px) {
      #btnARV12 {
        font-size:2rem;
      }
    }
#btnARV13 {background-color: rgba(68,99,16,1.0);}
#btnARV14 {background-color: rgba(68,99,16,1.0);}
#btnARV15 {background-color: rgba(68,99,16,1.0);}
#btnARV16 {background-color: rgba(68,99,16,1.0);}
#btnARV17 {background-color: rgba(68,99,16,1.0);}
#btnARV18 {background-color: rgba(68,99,16,1.0);}
#btnARV19 {background-color: rgba(68,99,16,1.0);}
#btnARV20 {background-color: rgba(68,99,16,1.0);}
#navbarNav {font-family: 'Lato';}
.navbarARV {
  /*width: 100%;*//*background-color: #49341c;*/
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
  background-image: linear-gradient(to right, #d3d2bd , #49341c);
  /*position:absolute;*//*text-align:right;overflow: auto;*//*margin-bottom: auto;*//*-webkit-transition: opacity .4s ease-in-out;*/
}

.navbar {
  justify-content:center;
/*background-color: #49341c;*/
}
.nav-link svg {
  /*height: 30px;*/
}
#AboutRNC{
  /*background-image: linear-gradient(to bottom, #49341c , #d3d2bd);*/
  background-color: #49341c;
}
#mainNav {
/*position: absolute;*/
}
.navbarARV svg {width:100%;
/*background-color: rgba(72, 51, 27, 0.5);*//*background-color: rgba(211,210,189,1.0);*/
}
.sticky {
   background-image: linear-gradient(to right, #d3d2bd , #49341c);
   position: fixed;
   top: 0px;
   right: 0px;
   width: 100%;
   /*height:35px;*/
 }
article {/*position: relative;z-index: 1;*/}
article #articleheader{padding-top: 36px;}
section {/*margin-left: 1em;margin-right: 1em;*/}
.MainSection {margin-left: 1em;margin-right: 1em; margin-top: 3em;}
.resources {
     background-color: rgba(72,51,27,0.5);
     cursor: pointer;
     padding: 0.5em;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     transition: 0.4s;
     font-size: 1.5em;
     color: black;

   }

   footer {position: relative; bottom: 10px;text-align: center;}
   h1, h3, h2, h4, h5
   {
      font-family: 'Playfair Display', serif;
      padding-top: 0px;
      font-weight: 500;
      /*color: #000;*/

   }

   h1{
     text-align: center;
     padding-top: 0px;
     margin-block-start: 0.27rem;
     margin-block-end: 0.27em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     line-height: 1.45;
     font-size: 2em;
     /*color: #fcf9c6;*/
   }

   h2
   {
   text-align: left;
   /*color: #000;*/
   text-align: center;
   padding-top: 0px;
   margin-block-start: 0.27em;
   margin-block-end: 0.27em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   /*color: #000;*/
   line-height: 1.45;
   font-size: 1.5em;
   }

   h3
   {
   color: black;
   margin-block-start: 0px;
   margin-block-end: 0px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   }

   h4
   {
   font-family: 'Playfair Display', serif;
   text-align: left;
   display: block;
   margin-block-start: 0.33em;
   margin-block-end: 0.33em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-style: normal;
   color: #000;
   }

   h5 {
   font-family: 'Satisfy', cursive;
   font-weight: 400;
   color: #ffffe8;
   /*text-align: left;*/
   vertical-align: bottom;
   text-shadow: 2px 2px 2px #000000;
   margin-block-start: 2em;
   margin-block-end: 0em;
   margin-inline-start: 155px;
   margin-inline-end: 0px;
   line-height: 1.15;
   }
   h6 {font-family: 'Lato';
   text-align: center;
   padding-top: 0px;
   margin-block-start: 0.27rem;
   margin-block-end: 0.27em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-size: 1.8em;
   }
   p {
   display: block;
   margin-block-start: 1em;
   margin-block-end: 0.5em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-size: 1.8em;
   line-height: normal;
   }
   .list_item1{font-size: 1.8em;
   list-style-type: none;
   font-family: 'Playfair Display', serif;
   margin-block-start: 1em;
   /*margin-block-end: 0.5em;*/
   margin-inline-start: 2em;
   margin-inline-end: 0px;
   /*padding: 0px 0px 0px 2em;*//*height: auto;*/}

   .ul1ARV {margin-block-start: 1em;margin-block-end: 0.5em;/*margin-inline-start: 2em;*/margin-inline-end: 0px;line-height: 2.50;
   }

   .ul1ARV .a:link, .a:visited
   {
       color: #446310;
   }
   .li1ARV
   {
     font-size: 1.8em;
     font-family: 'Playfair Display', serif;
     background-size: 100px 100px;
       background-position: 0px 0px;
       background-repeat: no-repeat;
   	padding: 30px 0px 00px 0px;
     line-height: normal;
   }

button {font-family: inherit;}
input {font-size: inherit; font-family: inherit;}
a:hover, a:active
{
   text-decoration: none;
   color: #49341c;
}
.shadowarv {-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));}
.shadowleft {fill:#49341c;-webkit-filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, .2));filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, .2));}
.navliARV {width: 40px;}
svg#clinicname {
  fill:#fcf9c6;
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
@media only screen and (max-width: 600px) {
  svg#clinicname {
    fill:#49341c;
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .0));filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .0));
    width: 215px;
  }
}
svg#logo {width: 60px;}
svg#logo :hover{}
svg#logoleft {fill:#49341c;}
svg#bulletfoot {width: 2em; margin-right:10px;}
svg#bulletfoot2 {width: 2em; margin-right:10px;}
svg#one {width: 4em; margin-right:10px;}
svg#one .b {opacity: 1.0;
mix-blend-mode:normal;}
svg#two {width: 4em; margin-right:10px;}
svg#two .b{opacity: 1.0;
mix-blend-mode:normal;}
svg#three {width: 4em; margin-right:10px;}
svg#three .b{opacity: 1.0;
mix-blend-mode:normal;}
.push {/*height:200px;*/}
.push :hover{fill: #49341c;}
.owl_logo_left {fill: #49341c;}

.thumbnail{margin-left: auto;margin-right: auto;text-align: center;border: 0px;max-width: 100%;height: auto;background-color: rgba(72,51,27,0.5);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5), 0 5px 5px 0 rgba(0,0,0,0.5);z-index: 999999;
}

.navliARV {width: 26px;}
a:link, a:visited{color: #fcf9c6;/*font-weight: 600;*/text-decoration: none;
}

svg {width:100%;}
svg :hover {}

blockquote {
font-family: Georgia;
font-style: italic;
/*background-color: rgba(72,51,27,0.8);*/
/*color: #FFFFE8;*/
padding: 5px;
font-size: 1.8em;
line-height: normal;
}
.p3
{ font-family: Georgia;
  margin-block-start: 1.0em;
  margin-block-end: 1.0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-style: italic;
  font-size: 1.5rem;

}
.p2 {font-size: 1em;}
.p4 {font-size: 1.5em;}
a.steps:link, a.steps:visited {font-size: 1.8em;
color: #446310;text-align:center;
margin-block-start: 1.2em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}

a.steps:hover, a.steps:active {
  color: #ffffe8;text-align:center;margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
a.steps2:link, a.steps2:visited {
  color: #446310;

}

a.steps2:hover, a.steps2:active {
  color: #ffffe8;
}

ul {
list-style-type: none;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
/*margin-inline-start: 0.5em;
margin-inline-end: 0.5em;*/
/*padding-inline-start: 10px;
padding-inline-end: 10px;*/
}




form {position:relative;
/*display: inline-flex;/*
/*width: 100%;*/
}

* {
  box-sizing: border-box;
}

.card {background-color: rgba(72,51,27,0.2);
cursor: pointer;
text-align: left;
outline: none;
transition: 0.4s;
font-size: 1.5em;
border: 5px solid rgba(72,51,27,0.5);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
}

.blockquote-footer {
color: #49341c;
font-size: 95%;
text-align: left;
}

.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items:center;
-ms-flex-pack: center;
justify-content:flex-start;
}
.resourcesARV {background-color: rgba(72,51,27,0.7);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
cursor: pointer;
padding: 0.5em;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
font-size: 1.8rem;
color: black;
margin-bottom: 15px;
font-family: 'Playfair Display', serif;
}
.resourcesARV a:link{color:black;}

.accordionARV {
  background-color: rgba(72,51,27,0.5);
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
  cursor: pointer;
  /*padding: 0.5em;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-size: 1.3rem;
  /*color: blue;*/
  margin-bottom: 15px;
}

.accordionARV a:hover {
  background-color: rgba(72,51,27,0.5);
  color:white;
}
  .animated-icon1, .animated-icon2, .animated-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0px;
  padding: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  }

  .animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  }

  .animated-icon1 span {
  background: #49341C;
  }

  .animated-icon2 span {
  background: #49341C;
  }

  .animated-icon3 span {
  background: #49341C;
  }

  .animated-icon1 span:nth-child(1) {
  top: 0px;
  }

  .animated-icon1 span:nth-child(2) {
  top: 15px;
  }

  .animated-icon1 span:nth-child(3) {
  top: 30px;
  }

  .animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  }

  .animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
  }

  .animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }

  /* Icon 3*/

  .animated-icon2 span:nth-child(1) {
  top: 0px;
  }

  .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
  top: 10px;
  }

  .animated-icon2 span:nth-child(4) {
  top: 20px;
  }

  .animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
  }

  .animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  }

  .animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }

  .animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
  }

  /* Icon 4 */

  .animated-icon3 span:nth-child(1) {
  top: 5px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }

  .animated-icon3 span:nth-child(2) {
  top: 15px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }

  .animated-icon3 span:nth-child(3) {
  top: 25px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }

  .animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 5px;
  }

  .animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
  }

  .animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 5px;
  }
  a[href^=tel] {
     text-decoration:inherit;
     color: inherit;
  }