/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{background-color: #336633;color: #666666;font-size: 16px;font-family: 'Lato', sans-serif;margin: 0px 0px 0px 0px;}
/*****************************************/
/********** SPACING **********************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 53px;}}
@media (min-width: 992px) {.topspacing{padding-top: 88px;}}
@media (min-width: 0px) {.doubleNavSpacing{padding-top: 53px;}}
@media (min-width: 992px) {.doubleNavSpacing{padding-top: 68px;}}
.containerMax{max-width:1440px;}
.paddingLeftNav{padding-left:20px;}
.section30{padding-top:30px;padding-bottom:30px;}
@media (min-width: 1px){.section35{padding:10px;}}
@media (min-width: 992px){.section35{padding-top:35px;padding-bottom:35px;padding-left:105px;padding-right:105px;}}
/*****************************************/
/********** OTHER ELEMENTS ***************/
/*****************************************/
.no-padding {padding: 0;}
.symbolbg{ background-image: url("pictures/natural-grass-yard-gallatin-valley.jpg");height: 700px;}
hr {height: 5px;color: #339933;background: #339933;}
hr.style2 { border: 0;height: 1px;background-image: linear-gradient(to right, rgba(51, 102, 51, 0), rgba(0, 0, 0, 0.75), rgba(51, 102, 51, 0)); width:50%;}
hr.style3 { border: 0;height: 1px;background-image: linear-gradient(to right, rgba(51, 102, 51, 0), rgba(0, 0, 0, 0.75), rgba(51, 102, 51, 0));}
.sectionPictures{width:100%;padding:0;}
@media (min-width: 1px){.sectionDetails{padding-left:10px;padding-top:30px;}}
@media (min-width: 992px){.sectionDetails{padding-left:10%;padding-top:30px;padding-right:2%;}}
@media (min-width: 1px){.sectionDetailsRight{padding-top:30px;}}
@media (min-width: 992px){.sectionDetailsRight{padding-top:30px;padding-left:2%;}}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
.bigText{font-size:20px;}
.cardTextBig{font-size:24px;}
.latoFont{font-family: 'Lato', sans-serif;}
.montserratFont{font-family: 'Montserrat', sans-serif;}
.lightestGoldText{color: #f6cd64;}
.lightGoldText{color: #fbb450;}
.darkGoldText{color: #fbb450;}
.sacryGreen{color: #426816;}
.greenText{color: #339933;}
.darkGreenText{color:#0d3c09;}
.whiteText{color: #FFFFFF;}
.grayLightText{color: #dddddd;}
.grayDarkText{color: #333333;}
.shadowDark{text-shadow: 2px 2px #000000;}
.shadowLight{text-shadow: 2px 2px #dddddd;}
h1{color: #666666; font-family: 'Montserrat', sans-serif;}
h2{color: #666666; font-family: 'Montserrat', sans-serif;}
h3{color: #000000; font-size: 18px; font-weight: bolder;}
h4{color: #000000;}
p.testimonialBody{font-size:14px;}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a1:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #fbb450; font-size: 16px; text-decoration: underline;}
a.a2:link{   color: #339933; font-size: 22px; text-decoration: none;}
a.a2:visited{color: #339933; font-size: 22px; text-decoration: none;}
a.a2:hover{  color: #cccccc; font-size: 22px; text-decoration: none;}
a.a3:link{   color: #FFFFFF; font-size: 18px; text-decoration: none; font-weight: bolder;}
a.a3:visited{color: #FFFFFF; font-size: 18px; text-decoration: none; font-weight: bolder;}
a.a3:hover{  color: #cccccc; font-size: 18px; text-decoration: none; font-weight: bolder;}
a.a4:link{   color: #FFFFFF; font-size: 16px;}
a.a4:visited{color: #FFFFFF; font-size: 16px;}
a.a4:hover{  color: #fbb450; font-size: 16px;}
/*****************************************/
/********** FILLS AND BACKGROUNDS ********/
/*****************************************/
.greenDark{ background-color: #0d3c09; color: #FFFFFF;}
.greenLight{ background-color: #416a1e; color: #FFFFFF;}
.goldLight{background-color:#f6cd64; color:#000;}
.grayDark{background-color:#333; color:#FFF;}
.grayLight{ background-color: #AAAAAA; color: #000000;}
.white{ background-color: #FFFFFF;}
.offWhite{background-color:#f2f2f2; color: #000;}
/*****************************************/
/****** DEFINE HERO IMAGE TEXT OVERLAY  **/
/*****************************************/
@media (min-width: 1px){.header-text {position: relative;left: 50%;-webkit-transform: translateX(-50%);}}
@media (min-width: 992px){.header-text {position: relative;left: 50%;-webkit-transform: translateX(-50%); padding-left:16.5%;}}
@media (min-width: 1px){.header-text h1 {top: 20%;font-size: 40px;}.header-text h3 {font-size: 20px;}}
@media (min-width: 576px){.header-text h1 {top: 10%;font-size: 60px;}.header-text h3 {font-size: 30px;}}
/*****************************************/
/********** BACKGROUND PICS***************/
/*****************************************/
@media (min-width: 0px) {.heropicture{background-image: url("pictures/dentist-near-whitehall-montana-dennis-sacry-dental-mobile.jpg");width: 100%;min-height: 303px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 321px) {.heropicture{background-image: url("pictures/dentist-near-whitehall-montana-dennis-sacry-dental-tablet.jpg");width: 100%;min-height: 727px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 769px) {.heropicture{background-image: url("pictures/dentist-near-whitehall-montana-dennis-sacry-dental.jpg");width: 100%;min-height: 814px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
/*****************************************/
/********** NAVIGATION BARS **************/
/*****************************************/
/*MAIN NAVIGATION BAR STYLE*/
#navbar{
        background: rgb(8,42,5);
        background: -moz-linear-gradient(180deg, rgba(8,42,5,1) 0%, rgba(12,58,9,1) 50%, rgba(30,90,16,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(8,42,5,1) 0%, rgba(12,58,9,1) 50%, rgba(30,90,16,1) 100%);
        background: linear-gradient(180deg, rgba(8,42,5,1) 0%, rgba(12,58,9,1) 50%, rgba(30,90,16,1) 100%);
    padding: 10px 10px;width: 100%;top: 0;z-index: 99;}
#navbar a.nav-link {float: left;color: #FFF;text-align: center;text-decoration: none;padding: 12px;font-size: 16px; font-family: 'Montserrat', sans-serif;
font-weight: 700;}
#navbar a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 5px;font-size: 40px;}
#navbar a.nav-main {float: left;color: white;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: 'Montserrat', sans-serif;}
#navbar a:hover {color: #f6cd64;}
#navbar .navbar-brand{padding: 0px; color:#FFF; font-size:22px;}
#navbar #logo {transition: 0.4s;}
@media screen and (max-width: 580px) {
  #navbar {padding: 10px 10px !important;}
  #navbar a {float: none;display: block;text-align: left;  }
  #navbar-right {float: none;}
}
/*SECONDARY NAVIGATION BAR STYLE ONLY CHANGE ID FOR STYLES KEEP CLASS AS NAVBAR*/
#navbar-2{
    background-color: rgba(51, 51, 51, 1);
    padding: 2px 2px;transition: 0.4s;width: 100%;top: 0;z-index: 99;}
#navbar-2 a.nav-link {float: left;color: #FFF;text-align: center;text-decoration: none;padding: 8px 5px;font-size: 14px; font-family: 'Roboto', sans-serif;font-weight: 700;}
.secondaryIcons{font-size:20px;}
.verticalLine{border-right:1px solid white; margin:4px 25px; height:28px;}
#navbar-2 a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 2px 5px;font-size: 12px;}
#navbar-2 a.nav-main {float: left;color: white;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: 'Roboto', sans-serif;}
#navbar-2 a:hover {color: #dddddd;}
#navbar-2 .navbar-brand{padding: 0px; color:#FFF;font-size:22px;}
#navbar-2 #logo-2 {transition: 0.4s;}
@media screen and (max-width: 580px) {
  #navbar-2 {padding: 10px 10px !important;}
  #navbar-2 a {float: none;display: block;text-align: left;  }
  #navbar-right-2 {float: none;}
}
@media (min-width: 992px){
.second-nav-spacing{
  margin-top:43px;  
}}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255, 255, 255);
} 
/*****************************************/
/********** BUTTONS **********************/
/*****************************************/
.btn-custom{color:#fff;background-color:#006600;border-color:#006600}
.btn-custom:hover{color:#fff;background-color:#009900;border-color:#009900}
.btn-custom:focus,.btn-custom.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-custom.disabled,.btn-custom:disabled{color:#fff;background-color:teal;border-color:#005a5a}
.btn-custom:not(:disabled):not(.disabled):active,.btn-custom:not(:disabled):not(.disabled).active,.show>.btn-custom.dropdown-toggle{color:#fff;background-color:#ed1c24;border-color:#000}
.btn-custom:not(:disabled):not(.disabled):active:focus,.btn-custom:not(:disabled):not(.disabled).active:focus,.show>.btn-custom.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
@media (min-width: 1px){.btn-xl{padding: 10px 20px;font-size: 20px;border-radius: 30px;}}
@media (min-width: 576px){.btn-xl{padding: 10px 20px;font-size: 30px;border-radius: 30px;}}

/*****************************************/
/********** PICTURE ASPECT RATIOS ********/
/*****************************************/
.aspect-ratio-box-inside { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.aspect-ratio-box-16-9 {height: 0;overflow: hidden;padding-top:56.25%;position: relative;}
.aspect-ratio-box-4-3 {height: 0;overflow: hidden;padding-top:75%;position: relative;}
.aspect-ratio-box-1-1 {height: 0;overflow: hidden;padding-top:100%;position: relative;}
.aspect-ratio-box-hero {height: 0;overflow: hidden;padding-top:35.260416667%;position: relative;}
.aspect-ratio-box-hero-xs {height: 0;overflow: hidden;padding-top:74.94145199063232%;position: relative;}
.aspect-ratio-box-thumbnail {height: 0;overflow: hidden;padding-top:38%;position: relative;}
/*****************************************/
/********** TESTIMONIAL FANCY ************/
/*****************************************/
.author-img {width: 100%;text-align: center;}
.author-img img {width: 90px !important;height: auto;border-radius: 100%;margin-bottom: -35px;}
.carousel-control-prev-icon, .carousel-control-next-icon {background-size: 10px;padding: 18px;border-radius: 100%;background-color: #bebbc2;}
.commo img {width: 30px;height: auto;}
/*Testing this will be able to minimize testimonials for better mobile view*/
#module {width: 500px;font-size: 14px;line-height: 1.5;}
#module p.collapse[aria-expanded="false"] {height: 42px !important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#module p.collapsing[aria-expanded="false"] {height: 42px !important;}
#module a.collapsed:after  {content: '+ Show More';}
#module a:not(.collapsed):after {content: '- Show Less';}
/*****************************************/
/********** IFRAME RESIZING **************/
/*****************************************/
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}